验证插件validate 表单ajax提交验证问题

1.按钮类型type="submit"

2.form的action不能写，否则默认就提交表单了，不会再执行ajax

3.ajax方法写在submitHandler方法里面

例如：

validate设置默认参数：

/*
* 表单验证
* */
if($('.form-validate').length > 0) {
jQuery.validator.setDefaults({
ignore: "",
errorElement:'span',
errorClass: 'help-block error',
errorPlacement:function(error, element){
element.parents('.controls').append(error);
},
highlight: function(label) {
$(label).closest('.control-group').removeClass('error success').addClass('error');
},
success: function(label) {
label.addClass('valid').closest('.control-group').removeClass('error success').addClass('success');
}
});
}

html写法：

<form method="post" >取消</button>
</div>
</form>

 

js写法：

$('#J_SaveAdd').click(function(){
$("#J_AddForm").validate({
submitHandler: function(form) {
var formData = $(form).serialize();
var xmlRequest = $.ajax({
type: "POST",
url: "http://api.property.fengchao.mobi/bee-admin/Proprietor.do?action=add",
data: formData,
dataType: "xml"
});
xmlRequest.done(function(xml){
var _status = $(xml).find('status').text()
,_msg = $(xml).find('msg').text();
if (_status == '0') {
$('#addModal').modal('hide');
$('#alertModal').modal('show');
}
$('#alertModal').on('show', function () {
$(this).find('h4').html(_msg);
})
});
}
});
});