Question

下面的Jquery代码运行良好，并根据条件检查输入值。但是对于HTML表单中的ESNList文本字段，可以在同一文本字段中输入并用逗号分隔许多ESN（数字），我怎样才能让Jquery确保在同一文本字段中输入的所有数字仍然符合ESNList的条件，我们将非常感谢您的帮助。

 <html>
    <head>
    <script type="text/javascript" src="jquery/jquery-1.8.3.js"></script>
    <script type="text/javascript">

    $(function () {


    $(":text").css("border", "2px solid red");
      $(":text").keyup(function(){
        var enteredData = $(this).val()
        console.log(enteredData);
        if (enteredData == "") {
          $(this).css("border", "2px solid red");
        } else {
          $(this).css("border", "inherit");
        }
        if ($(this).attr("id") == "ESNList"){
          esnList = parseInt(enteredData);
          switch (true){
            case ( esnList >= 986329 && esnList <= 999999):
                $("#ddl_StxName").val("stx2");
                $("#ddl_rtumodel").val("globalstar");
                break;
            case ( esnList >= 660000 && esnList <= 699999):
                $("#ddl_StxName").val("mmt");
                $("#ddl_rtumodel").val("globalstar");
                break;
            case ( esnList >= 200000 && esnList <= 299999):
                $("#ddl_StxName").val("stm3");
                $("#ddl_rtumodel").val("stmcomtech");
                break;
            case ( esnList >= 1202114 && esnList <= 1299999):
                $("#ddl_StxName").val("smartone");
                $("#ddl_rtumodel").val("globalstar");
                break;
          }

        }
      });
      });
    </script> </head>
    <body>
    <form id="provision">
        ESNList:    <input  type="text" id="ESNList" name="ESNList" size="30" /> <br />
        ESN Start:<input type="text" id="ESNStart" name="ESNStart" size="10" /> <br />
        ESN End: <input type="text" id="ESNStart" name="ESNStart" size="10" /> <br />
        UnitName:<input type="text" id="STxName" name="STxName" size="30"  />  <br />  
         Unit Model:   <select name="STxName" id="ddl_StxName">
        <option value="stx2">STX2</option>
        <option value="stm3" selected>STM3</option>
        <option value="acutec">Acutec</option>
         <option value="trackpack">Trackpack</option>
        <option value="mmt">MMT</option>
        <option value="smartone">Smartone</option>
        <option value="smartoneb" >SmartOneB</option>
        </select> <br />
        RTU Model Type:
         <select name="rtumodel" id ="ddl_rtumodel">
        <option value="globalstar">GlobalStar</option>
        <option value="both">Both</option>
        <option value="comtech">Comtech</option>
        <option value="stmcomtech">STMComtech</option>
        </select> <br />
        <input type="submit" value ="submit"  />
        </form>
    </body>
    </html>

Answer 1

您可以用逗号分隔符拆分列表并验证每个元素。

$.each(enteredData.split(","), function(i, str){
    var esnList = +str;
    /* enter validation here */
});

Answer 2

不要直接在parseInt()上使用enteredData，而是首先使用

esnList = enteredData.split(',');

然后你可以用一个循环遍历那个数组，使用parseInt()并执行你的检查或使用你最喜欢的JS库的map函数，就像Alexander一样。

普通JS：

for(var i = 0; i < esnList.length; i++) {
    ... // parseInt(esnList[i]) and perform checks
}

jQuery的：

$.each(esnList, function(i, esn) {
    ... // parseInt(esn) and perform checks
});

Answer 3

在输入字段中期望来自用户的干净，格式良好的数据是乐观的 - 即使使用可视指令也是如此。

如果不进入安全和卫生设施，我们假设用户已经输入了一个格式良好的逗号分隔列表：

153, 189, 635

您需要编写一个函数，该函数获取input元素的输入值，然后对该变量执行split（）。这将为您提供一个数组，您可以循环以根据您的条件检查值。

如何让Jquery检查多个值？

3 个答案: