jQuery Validate 实现保存时不校验,提交时才校验表单

具体思路就是,通过jQuery Validate的 ignore属性,

ignore:对某些元素不进行验证。
$("#myform").validate({
	ignore:".ignore"
})

只要是设置了ignore,表单提交时就会跳过校验。可以在ready方法中设置只要有ignore样式的对象都不进行校验:

$(document).ready(function() {
$("#inputForm").validate({
ignore:".ignore",
submitHandler: function(form){
                                        form.submit();
loading('正在提交,请稍等...');
form.submit();
},
});

});

然后在点击保存按钮时,给所有的必填项添加ignore样式,这里根据各自的需求来设置,不一定是根据必填(required)这个属性来控制:

                //保存按钮事件 
function saveAction() {
var form = $("#inputForm").find('.required');
$.each(form, function(idx, item) {
$(this).addClass('ignore');
});

}

这样就能实现保存草稿时,不校验必填项,提交时才校验必填项

你可能感兴趣的:(前端)