【问题标题】:Validating array inputs using jquery validation plugin -adding one error for first input使用 jquery 验证插件验证数组输入 - 为第一个输入添加一个错误
【发布时间】:2018-12-06 09:52:35
【问题描述】:
 <form id="jvalidate" name="frmenquiry_package" class=""  action="#" method="post" >
  <input type="text" name="reg_number[]" id="reg_number_1" value="" class="jsrequired form-control" />
  <input type="text" name="reg_number[]"  id="reg_number_2" value="" class="jsrequired form-control"/>
  <input type="text" name="reg_number[]"  id="reg_number_3" value="" class="jsrequired form-control" />
   <input name="submit" value="Submit" type="button" id="submit"  onClick="javascript:funSave_contact_enquiry();">

   </form>






 function funSave_contact_enquiry(){

    if ($('#jvalidate').valid()) {
        $("#submit").attr('disabled',true);


    alert('Success');
    }
}




 <script type="text/javascript" src="<?php echo base_url();?>site/js/jquery.validate.js"></script>
 <script type="text/javascript" src="<?php echo base_url();?>site/js/additional.js"></script>

我有以下表格。我正在尝试使用 jquery 验证插件来验证输入。我尝试了一些代码,但它不起作用。

当我点击为第一个输入 #reg_number_1 添加一个错误时,只有其他字段未突出显示

【问题讨论】:

    标签: jquery validation


    【解决方案1】:

    我只做了测试所需的第一个输入,与 cdn 一起工作正常:

    <html>
    <head>
    <script>
    function funSave_contact_enquiry(){
        if ($('#jvalidate').valid({rules : { reg_number_1 : "required"}})) {
            $("#submit").attr('disabled',true);
            alert('Success');
        } else {
            alert('fail');
        }
    }
    </script>
    </head>
    
    <body>
    <form id="jvalidate" name="frmenquiry_package" class=""  action="#" method="post" >
        <input type="text" name="reg_number[]" id="reg_number_1" value="" class="jsrequired form-control" required/>
        <input type="text" name="reg_number[]"  id="reg_number_2" value="" class="jsrequired form-control"/>
        <input type="text" name="reg_number[]"  id="reg_number_3" value="" class="jsrequired form-control" />
        <input name="submit" value="Submit" type="button" id="submit"  onClick="javascript:funSave_contact_enquiry();">
    </form>
    
    
    <script src="https://code.jquery.com/jquery-3.3.1.js"
            integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
            crossorigin="anonymous"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/additional-methods.js"></script>
    </body>
    </html>
    

    【讨论】:

    • 对我来说也是第一个输入工作,但其他两个传递空值
    • 对不起,错过了规则。我编辑帖子以添加它。
    • 对我来说 reg_number[] 将动态添加
    • 所以动态添加每个规则。
    猜你喜欢
    • 1970-01-01
    • 2016-08-31
    • 1970-01-01
    • 1970-01-01
    • 2015-07-17
    • 1970-01-01
    • 2018-04-22
    • 1970-01-01
    • 2020-01-05
    相关资源
    最近更新 更多