如何验证使用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>
答案 0 :(得分:1)
现在大多数现代浏览器都兼容HTML5,如果您认为您的网站可以从兼容HTML5的浏览器访问,我建议您使用required
和<input>
email
属性类型。
例如:
<input type='text' name='name[]' required />
<input type='email' name='email[]' required />
这些只有在<!DOCTYPE HTML>
之前写<html>
时才有效。
我想这是验证输入字段最简洁的方法
答案 1 :(得分:1)
事实上,它看起来不太可能。
但是你可以改变jquery.validate.js的来源。还有另一个stackoverflow帖子:
https://stackoverflow.com/a/4136430/432513
特别是:http://www.codeboss.in/web-funda/2009/05/27/jquery-validation-for-array-of-input-elements/