使用jQuery验证输入值 - javascript

假设我有输入文字和下拉选项。默认情况下，禁用下拉列表，并启用输入。因此，员工ID输入在验证已键入的值方面发挥着作用。实际上，员工ID输入是用户扫描其员工ID（长度等于6）并将启用drowpdown的位置。另一种绕过扫描员工ID的方法，某些员工将在输入中键入特定的关键字，例如“ KYXY”，然后通过插入他们能够手动键入输入的员工ID的关键字，并在手动输入员工ID后输入length == 6和下拉列表将启用..对我来说这有点棘手。

<input type="text" id="myContent" class="form-control" value="" placeholder="Staff ID">

<select class="form-control" id="dropdownss" disabled="" value="Disabled value">
<option>Select Shift</option>
<option>A</option>
<option>B</option>
<option>C</option>
</select>

所以这是我的jQuery

$('document').ready(function() {
        $('#myContent').keyup('input',function(){
        var a = "KYXY";
        var myNumber = this.value;

        if(myNumber == a)
        {
        $('#dropdownss').prop( "disabled", false );
        $('#myContent').val('');
        var userlog="1";


            if($(this).val().length == 6)
            {
                if(userlog == "1")
                {
                    //alert("Yay");
                    $('#myContent').val('');
                    $('#myContent').focus();
                    $('#dropdownss').prop( "disabled", false );
                }
                else
                {
                    $('#dropdownss').prop( "disabled", true );
                }
            }
        }
        else if(myNumber !== a)
        {
            alert("scan only");
            $('#myContent').val('');
            $('#myContent').focus();
        }
        }); 
    });

javascript参考方案

大概是这样的：

$('document').ready(function() {
  $('#myContent').on('input', function() {
    var a = "KYXY";
    var input = $(this);
    var num = input.val();
    
    if (num.length === 6 && !/\D/.test(num)) { 
      $('#dropdownss').prop("disabled", false);
      input.prop('manual', false).val('');
    }
    else if (input.prop('manual') || ~a.indexOf(num)) {
      if (a !== input.val()) return;
      input.prop('manual', true).val('');      
    } else {
      alert("scan only");
      $('#dropdownss').prop("disabled", true);
      $('#myContent').val('');
      $('#myContent').focus();
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="myContent" class="form-control" value="" placeholder="Staff ID">

<select class="form-control" id="dropdownss" disabled="" value="Disabled value">
  <option>Select Shift</option>
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>

将简单的javascript代码转换为c＃ - javascript

昨天我在这里问了一个问题。使用javascript和html解决方案很简单前一阵子我打算什么是操纵html来执行javascript中的任务但是我改变了主意，将javascript代码重写为c＃这是输入<Abstract> <Heading>Abstract</Heading> <Para TextBreak=�…

如果复选框切换复选框已选中，则在切换div中输入必填字段 - javascript

我使用脚本用JavaScript切换了一些div。如果要选中复选框以显示toogle div，我想在toogle div中设置一些“必填”输入字段。有人能弄清楚吗？那是工作吗？function show(id) { if(document.getElementById) { var mydiv = document.getElementById(id); m…

在laravel中应用ajax - javascript

我想在laravel 4.2中应用ajax。我想重定向到页面而不重新加载它。我已经尝试过使用window.loaction.href和window.loaction.assign了，但是它不起作用。这是我的文件Route.php //login+logout+auth Route::get('login','authentica…

从其他文件夹访问母版页 - javascript

我认为这应该很容易但不确定如何解决。我在主文件夹中有一个名为01.aspx的页面01.aspx页应该继承products.master项目根目录存在于products.master中像下面的照片：我使用波纹管代码，但没有任何工作的JavaScript，图像和...01.aspx<%@ Page Title="" Language=&…

打印二维阵列 - javascript

我正在尝试打印子元素。在this example之后。怎么做？。$myarray = array("DO"=>array('IDEAS','BRANDS','CREATIVE','CAMPAIGNS'), "JOCKEY"=>a…