我想手动触发验证,包括使用jQuery Validate显示错误消息.
我想要完成的场景是这样的形式:
<form>
<input id=i1> <button id=b1>
<input id=i2> <button id=b2>
</form>
Run Code Online (Sandbox Code Playgroud)
点击时b1,只i1应验证.单击b2,只i2应该验证.但是,必须发布所有字段.我怎样才能做到这一点?我考虑过处理click事件b1/b2并手动验证表单的一部分.
我正在使用jQuery Validation插件并尝试使用备用按钮触发验证/提交.我想创建一个jquery函数,它将改变css,然后运行validate函数.我查看了之前已回答的问题,但没有找到任何解决此问题的Validation插件和submitHandler函数.有什么建议?
更新到问题:我想要使用的按钮放在表单之外.使用位于该表单之外的按钮提交和验证表单的最佳方法是什么?
这是代码:
$("#edit-button").click(function(event) {
$('#postAccordion2').css('padding-bottom', '0px');
$('#edit-button').css('display','none');
$("#applicant-form").validate({
submitHandler: function(form) {
$(form).ajaxSubmit({
type: "POST",
data: {
"firstName" : $('#firstName').val(),
"lastName" : $('#lastName').val()
},
dataType: 'json',
url: './includes/ajaxtest.php',
error: function() {alert("doh!");},
success: function() {alert("yippee!");},
}
});
return false;
},
errorPlacement: function(error,element) {
return true;
},
rules: {
"firstName": {
required: true,
minlength: 1
},
"lastName": {
required: true
}
}
});
});
Run Code Online (Sandbox Code Playgroud)