easyui 表单提交前的 confirm 处理

Posted 2020-09-08 towerbit

最近学习用 easyui，异步提交表单是遇到一个小问题

                
$(‘#fModiDetail‘).form(‘submit‘,{
  url:‘...‘,
  onSubmit:function(){
  if($(this).form(‘validate‘)){
    return $.messager.confirm(‘?‘,‘确定要保存吗？‘, function(r){
      return r;
    });
 success:function(data){
   //... 
};

以上代码在表单验证成功后，确认对话框尽管也会弹出来，但并不能阻塞表单提交的工作，所以无论你确定还是取消，表单都被提交了

没顾得上去研究easyui的源码，想了两个简单的解决办法

1. 把 $.messager.confirm() 老老实实换成 window.confirm()

2. 不要在 onSubmit 中调用 $.messager.confirm(), 如下所示

if($(‘#fModiDetail‘).form(‘validate‘)){
  $.messager.confirm(‘?‘,‘确定要提交吗?‘，function(r){
    if(r){
      $(‘#fModiDetail‘).form(‘submit‘,{
        //...
      });
    }  
  });  
}    

BTW：IE的F12真是个好东西，比Chorme的好使