码迷,mamicode.com
首页 > 其他好文 > 详细

easyui 表单提交前的 confirm 处理

时间:2017-04-07 20:26:51      阅读:1083      评论:0      收藏:0      [点我收藏+]

标签:function   验证   return   mod   data   提交表单   window   成功   调用   

最近学习用 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的好使

 

easyui 表单提交前的 confirm 处理

标签:function   验证   return   mod   data   提交表单   window   成功   调用   

原文地址:http://www.cnblogs.com/towerbit/p/6679476.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!