问输入元素数组的JQuery验证
EN

Stack Overflow用户

提问于 2010-12-24 12:08:29

回答 4查看 19.2K关注 0票数 7

我需要验证一组输入文本元素(里程)：例如：

<tbody>
  <c:forEach items="${list}" var="item">
        <tr> 
             <!--some other columns---> 
             <td align="left"><input type="text" name="mileage" value="" /></td>
        </tr>
   </c:forEach>                       
</tbody>

验证脚本如下：

$(document).ready(function(){

        $("#form1").validate({
            rules: {
                mileage: {
                    required: true

                         }
                },            
            submitHandler: function(form) {
                form.submit();
            }

        });       
    });

现在的问题是，.validate.js只验证了里程的第一个元素。我能做什么?如何让插件验证所有的输入文本？

我希望你能帮助我。

javascript

jquery

html

jquery-validate

人脸核身产品特惠

用户政务民生、金融、通信运营商等场景，接入全面，安全可靠新用户3折起

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-12-24 12:53:57

在jquery.validate.js中，我们可以找到一个名为checkForm的函数，我们必须修改它，如下所示：

checkForm: function() {
                this.prepareForm();
                for ( var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++ ) {
                    if (this.findByName( elements[i].name ).length != undefined && this.findByName( elements[i].name ).length > 1) {
                        for (var cnt = 0; cnt < this.findByName( elements[i].name ).length; cnt++) {
                            this.check( this.findByName( elements[i].name )[cnt] );
                        }
                        } else {
                    this.check( elements[i] );
                }
                }
            return this.valid();
    }

票数 8

Stack Overflow用户

发布于 2012-10-15 09:33:45

根据eddy应答，此函数还会考虑ignore设置。

        checkForm: function() {
            this.prepareForm();
            for ( var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++ ) {
                var checkingElements = this.findByName( elements[i].name ).not(this.settings.ignore);
                if (checkingElements.length !== undefined && checkingElements.length > 1) {
                    for (var cnt = 0; cnt < checkingElements.length; cnt++) {
                        this.check( checkingElements[cnt] );
                    }
                } else {
                    this.check( elements[i] );
                }
            }
            return this.valid();
        },

票数 4

Stack Overflow用户

发布于 2010-12-24 12:11:01

在这些情况下，您必须循环执行，如下所示：

$(document).ready(function() {
    $("#form1").validate({
        submitHandler: function(form) {
            form.submit();
        }
    });  
    $("#form1 input[name='mileage']").each(function() {
       $(this).rules("add", { required: true });
    });  
});