ajax提交表单无法验证easyui的验证选项(比如required等)

时间:2022-06-12 21:21:38
在实际开发中,遇到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');
              }
          }
   });
 }