在实际开发中,遇到ajax方式提交表单没法验证easyui的验证选项,这对实际用户体验造成了很大的困扰。当然,这也是理所当然的事情。
解决办法:使用jquery中ajax的beforeSend事件(这需要与easyui框架协同使用),例如:
submitForm:function(formId,url){
var formData = $(formId).form('getValues'); // 获取表单数据
$.ajax({
type:'POST',
url:url,
data:{formData:formData},
dataType: 'json',
beforeSend:function(){
return $(formId).form('validate'); // 验证表单提交
},
success:function(result){
if(result.success){
$.messager.alert('提示',result.message);
}else{
$.messager.alert('错误',result.message,'error');
}
}
});
}