如何解决jQuery validate插件:以编程方式验证页面上某些部分中的字段
|| 我正在尝试使用jQuery验证插件(从这里->http://bassistance.de/jquery-plugins/jquery-plugin-validation/
)来通过单击按钮以编程方式验证页面某些部分中的字段(直到提交要验证的最后部分时才进行真正的表单提交)整个表格),然后再继续进行新的操作。本质上,当您单击特定部分中的按钮时,该部分中的字段需要验证。该页面的第一部分可以很好地进行验证,但是当我进入第二部分时,它将直接进行而不进行验证。正确的方法是什么?我至少在正确的轨道上吗?
这是我正在谈论的示例。如果需要,我可以添加更多代码。
// Step 1 section validation
var validateStep1 = $(\"#form1\").validate({
errorClass: \"warning\",onkeyup: false,onblur: false,onfocusout: true,rules: {
\"field1\": {
required: true,},\"field2\": {
required: true,minlength: 1
},\"field3\": {
required: true,}
}
});
// Step 2 section validation
var validateStep2 = $(\"#form1\").validate({
errorClass: \"warning\",rules: {
\"field4\": {
required: true,\"field5\": {
required: true,\"field6\": {
required: true,}
}
});
// click events for buttons to proceed
$(\"#button1\").click( function() {
if (validateStep1.form()) {
// proceed
}
});
$(\"#button2\").click( function() {
if (validateStep2.form()) {
// proceed
}
});
在此先感谢您的帮助!
解决方法
我猜你不能在同一表格上两次不同地使用'validate \'方法。
您可以使用的是rules对象上的\“ depends \”选项。它仅允许基于“ depends”的结果来“应用”规则。
此页面上有一个示例:http://rocketsquared.com/wiki/Plugins/Validation/validate#toptions(转到“规则”文档部分)
$(\".selector\").validate({
rules: {
contact: {
required: true,email: {
depends: function(element) {
return $(\"#contactform_email:checked\")
}
}
}
}
});
希望这可以帮助,
d。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。