-2

下面的 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>
4

3 回答 3

0

您可以通过逗号分隔符拆分列表并验证每个单独的元素。

$.each(enteredData.split(","), function(i, str){
    var esnList = +str;
    /* enter validation here */
});
于 2013-01-29T22:54:58.113 回答
0

而不是parseInt()直接使用enteredData你会首先使用

esnList = enteredData.split(',');

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

纯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
});
于 2013-01-29T22:55:07.113 回答
0

期望用户在输入字段中提供干净、格式良好的数据是乐观的——即使有视觉说明。

在不涉及安全和卫生的情况下，假设用户已经输入了一个格式良好的逗号分隔列表：

153, 189, 635

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

于 2013-01-29T22:55:51.287 回答