easyui 表单提交前的 confirm 处理

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

时间: 2024-10-10 05:59:00

easyui 表单提交前的 confirm 处理的相关文章

表单提交前的confirm验证提示

今天要做一个修改提交前的提示,点击修改按钮进行提示,然后根据confirm的结果来决定是否提交;发现平时很常见的一个功能,自己不会.所以只能去晚上找资料了; 举例如下: <form action="" method="post" onsubmit="return resp_confirm()"> <input type="text" name="gzxx"  /> <input

JS控制submit表单提交前进行预览和confirm确认提交

JS控制submit表单提交前进行预览和confirm确认提交. 我们经常会遇到这样的场景,某一个form表单提交前,想知道那些checkbox的内容被选中了,如果符合则提交,如果不符合,则取消提交,很简单的代码,我就不说了,直接上代码了. <script type="text/jscript"> $(document).ready(function() { //alert($("input[name='xinjiu']:checked").val())

form的onsubmit事件--表单提交前的验证最佳实现方式

连续2天,在进行form表单包括上传表单的提交操作时,刚开始用struts2自带的上传模式与后台进行交互,但原来的页面是用html做的,不能通过国际化资源来返回后台操作的错误信息于静态的html,之后我又百度了许多ajax异步与后台交互的方法,如ajaxForm,ajaxSubmit,ajaxFileUpload等,用的是心力交瘁,各种错误抛出,然后还尝试easyui的表单提交,还是不成...这一切的目的都是为了实现异步交互,不让当前页面跳转,使用ajax实现文件上传的异步刷新,最后还是死心了,

javascprit form表单提交前验证以及ajax返回json

1.今天要做一个手机验证码验证的功能.需求是前端页面点击发送 短信验证码,后台接收后通过ajax返回到前端,之后前端在提交时候进行验证.思路很简单,不过做的过程还是学到不少的东西. 1.ajax请求后返回 returning 405 Method Not Allowed 原因是我后台返回的时候没有加上: @ResponseBody注解.加上后返回的数据是json字符串,但是js只能操作json对象.需要把json字符串转为json对象.一般的有三种方式1.JSON.parse();如 var j

JavaScript - 表单提交前预览图片属性

即Preview image and its properties before upload 其实这东西网上到处都是,但并不完整. 正好我也遇到了这个问题,不仅仅是预览,还需要得到图片的属性. 于是东凑西凑整理出一个完整的版本,并根据个人的理解加上了一点点说明. (ps:感谢爆栈^^) 首先做一些准备工作,HTML方面主要是img和input标签的id:     <form>         <input type='file' id="imgFile"  />

a标签指定的url,在表单提交前进行js验证的实现

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script type="text/javascript"> function save(){ alert("拦截a标签的href请求提交1"); <!--此处仅仅模拟表单提交前的验证过程

easyui表单提交文件

<form id="form1" method="post" enctype="multipart/form-data"> <fieldset> <legend>用Ajax把Form表单提交到远程服务器Api</legend> <div class="form-group"> <label class="col-sm-6 control-label&q

js 在表单提交前进行操作

最近在写页面的时候,需要手动写一些在表单进行提交前的验证操作,正好看到了2种阻止表单提交的方法,可以进行一些逻辑处理 方法一:使用return false 原生js写法: <form id="loginForm" name="loginForm" action="login.aspx" method="post"> <button type="submit" value="Sub

easyui表单提交注意项

Easyui中提供的form表单提交为ajax方式提交 $('#ff').form('submit'); //页面不会进行刷新 使用JQuery提供的form提交着为form方式提交 $('#ff').submit(); //刷新页面 原文地址:https://www.cnblogs.com/Richard-Tang/p/easyui.html