我很难让jQuery Validation插件按我的意愿工作.
我所拥有的是一个包含多个必需输入的表单,规则如下所示:
$("#makeEvent").validate({
onfocusout: false,
rules: {
name: {
required: true,
minLength: 2,
maxLength: 100
},
host: {
required: true,
minLength: 2,
maxLength: 100
},
startDate: {
required: true,
date: true
},
endDate: {
required: true,
date: true
},
desc: {
required: true,
minLength: 10,
maxLength: 255
},
webpage: {
required: false,
url: true
},
email: {
required: true,
email: true
},
}
});
Run Code Online (Sandbox Code Playgroud)
现在我有一个自定义.click()调用,我想验证表单,然后在允许用户发送表单之前显示用户的预览.请参阅以下功能:
$('#submitPreview').click(function() {
if($("#makeEvent").valid() === false) {
//What to do if validation fails
} else …Run Code Online (Sandbox Code Playgroud) 我试图用jquery验证器验证具有相同名称的两个输入..
<script src='
http://code.jquery.com/jquery-latest.min.js '></script>
<script src='http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js'></script>
<script>
$(document).ready(function(){
$('#frm').validate();
$("[name=inp_text]").each(function(){
$(this).rules("add", {
required: true,
checkValue: true
});
});
$.validator.addMethod("checkValue", function(value, element) {
var response = ((value > 0)&&(value <= 100))||((value == 'test1')||(value =='test2'));
return response;
}, "invalid value");
})
</script>
<form id='frm' method='post'>
<input type='text' name='inp_text'/><br>
<input type='text' name='inp_text'/><br>
<input type='submit' name=''/>
</frm>
Run Code Online (Sandbox Code Playgroud)
但是当我运行这个代码时,它只验证第一个输入,第二个输入被简单地忽略
我也试过使用<input type='text' name='inp_text[]'/><br>但仍然没有工作.
我应该改变什么...?
提前致谢