Jquery 验证生成的输入字段_Jquery_Validation

Jquery 验证生成的输入字段

jquery validation

Jquery 验证生成的输入字段,jquery,validation,Jquery,Validation,如何使用jQuery验证PHP for循环中生成的输入框？在我的代码中，我使用jquery.min.js库和jquery.validate.min.js并简单地调用validate函数我只收到第一行的错误消息，而没有收到其他行的错误消息。非常感谢您的任何建议。。。提前到XX <html> <head> <TITLE></TITLE> <script type="text/javascript" src="first/js/jquery.

如何使用jQuery验证PHP for循环中生成的输入框？在我的代码中，我使用jquery.min.js库和jquery.validate.min.js并简单地调用validate函数

我只收到第一行的错误消息，而没有收到其他行的错误消息。非常感谢您的任何建议。。。提前到XX

<html>
<head>
<TITLE></TITLE>
<script type="text/javascript" src="first/js/jquery.min.js"></script>
<script type="text/javascript" src="first/js/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

         $("#frm").validate({
                    rules:{
                        'name[]':{
                            required:true
                        },
                        'mail[]':{
                            required:true,
                            email:true
                         }
                    },
                    messages:{
            'name[]':{
                required:"Enter name"
            },
             'mail[]':{
                            required:" Enter mail",
                            email:"Enter valid mail"
                        }
                    },

                    submitHandler:function(){
                        form.submit();
                    }
                });
            });
</script>
</head>

<body>
<form name="frm" id="frm" action="exa.php">
<table>
<tr><TH>Name:</TH><TH>Email:</TH></tr>
<?php
for ($i=1;$i<=3;$i++)
{
?>
<tr><TD><input name="name[]" type="text" id="name[]" class="required" minlength="2"/></TD>
<TD><input name="mail[]" type="text" id="mail[]" class="required email" /></TD></tr>
<?php
}
?>

<tr><TD colspan="2" align="center"><input type="submit" name="submit" value="Submit"></TD></tr>

</table>
</form>
</body>
</html>


$（文档）.ready（函数（）{
$（“#frm”）。验证({
规则：{
“名称[]”：{
必填项：true
},
“邮件[]”：{
要求：正确，
电子邮件：真的
}
},
信息：{
“名称[]”：{
必需：“输入名称”
},
“邮件[]”：{
必需：“输入邮件”，
电子邮件：“输入有效邮件”
}
},
submitHandler:function（）{
表单提交（）；
}
});
});
姓名：电邮：

现在大多数现代浏览器都兼容HTML5，如果您认为您的网站可以从兼容HTML5的浏览器访问，我建议您使用

和

电子邮件类型的required
属性
例如：


仅当您在
之前编写
时，这些操作才有效
我想这将是验证输入字段的最干净的方法。事实上，这看起来是不可能的
但是您可以更改jquery.validate.js的源代码。还有另一个stackoverflow post：

尤其是：
你应该以更具主题性的方式为你的问题命名。当前标题不会让人们发现您的问题或了解其主题。谢谢您的建议。。。你能帮我一下吗…我不确定这是否可能。。。问题是你的元素有相同的名称…插件似乎不喜欢这个从下面的链接得到答案。。在jquery.validate.js中只做了一些更改，最终它就可以工作了。在我看来，这不应该被建议，因为使用required属性进行表单验证目前不是一个好方法，在两年后可能是的，我同意。这就是我在第一行添加免责声明的原因。。对于一些我们知道浏览器将更新到最新版本的应用程序，我认为这是一个明智的选择。。从上面的链接中获得了esier答案。只需对jquery.validate.js中的代码进行一些更改，就可以正常工作。。。
<input type='text' name='name[]' required />
<input type='email' name='email[]' required />