JavaScript解决一个带验证的Form两个Submit事件(一个页面保持不动【AJAX实现】,一个页面提交并跳转)的场景

<form class="form-horizontal" action="/biz/patent/edit" method="post" enctype="multipart/form-data" data-toggle="validator" role="form" novalidate="true" id="patentEditForm">                     <button class="btn btn-primary" type="button" id="but_sub">保存</button>
                    <button class="btn btn-primary" type="button">保存返回列表</button>
                    <button class="btn btn-warning" type="button" onclick="window.location=‘/biz/project/list‘;">返回</button></form> 
$(document).ready(function(){
    var buttonId;

    $(‘#patentEditForm‘).validator().on(‘submit‘, function (e) {
        if (e.isDefaultPrevented()) {
            // handle the invalid form...
        } else {
            // everything looks good!
            if(buttonId == "but_sub"){
                var formData = new FormData($("#patentEditForm")[0]);
                $.ajax({
                    type:"POST",
                    url:"/biz/",
                    data: formData,
                    dataType:"JSON",
                    nsync:false,
                    cache: false,
                    contentType: false,
                    processData: false,
                    success:function(date){
                        switch(date.status){
                        case 1:
                            $success("保存成功!");
                            break;
                        case 1009:
                            $error("保存失败!");
                            break;
                        default :
                            $error("没有提交信息");
                        }
                    },
                    error:function(){
                        $error("没有提交信息");
                    }
                });

                return false;
            }
        }
    });

    $(".btn-primary").click(function(){
        buttonId = $(this).attr("id");
        $(‘#patentEditForm‘).trigger(‘submit‘);
    });
1.$(".btn-primary").click()和 $(‘#patentEditForm‘).validator().on(‘submit‘)两个事件的处理方法之间传递参数(用全局变量)。2.不用原来的表单提交,用.trigger(‘submit‘)方法在JavaScript里触发提交。
				
时间: 2024-08-01 14:49:57

JavaScript解决一个带验证的Form两个Submit事件(一个页面保持不动【AJAX实现】,一个页面提交并跳转)的场景的相关文章

在ASP.NET MVC下扩展一个带验证的RadioButtonList

在ASP.NET MVC4中,HtmlHelper为我们提供了Html.RadioButton()方法用来显示Radio Button单选按钮.如果想显示一组单选按钮,通常的做法是遍历一个集合把每个单选按钮显示出来.本篇尝试写一个扩展方法用来展示一组带验证的单选按钮. 首先来扩展HtmlHelper,扩展方法中接收一个SelectListItem的集合,遍历这个集合把每个单选按钮显示出来,并且让这些单选按钮具有不同的id属性值. using System.Collections.Generic;

javaScript解决Form的嵌套

 | javaScript解决Form的嵌套   0 推荐 HTML是不允许FORM嵌套的,用一个简单的JAVASCRIPT就可以解决问题了         <script   language=javascript>     function   process(v){     if(v=="in"){     document.theForm.action="in.jsp";     }else{     document.theForm.actio

Functions类,一个Javascript的函数加法类,将两个函数加起来,顺序执行

以下是类的代码: 1 var Functions = { 2 oFunctions: null, 3 add: function (oFunc, oNewFunc) { 4 var oNew = function () { 5 oFunc(); 6 oNewFunc(); 7 }; 8 return oNew; 9 } 10 }; 以下是测试代码: 1 function one() { 2 alert(1); 3 } 4 5 function two() { 6 alert(2); 7 } 8

javascript 通过Date对象验证日期合法性

通常来说,javascript验证日期的有效性可以通过正则判断 但正则表达式无法精准验证日期的有效性,你无法通过正则表达式判断出1900-02-29是非法日期而2000-02-29是合法日期,而且正则表达式匹配起来比较繁琐. 要想精确验证,最容易想到的方法就是通过月份判断日期是否合法(1~28/29/30/31),你可以用一个数组表示每月的天数,如daysInMonth=[31,28,31,30,31,30,31,31,30,31,30,31],但你会发现daysInMonth[1]这个值可能是

JavaScript学习笔记 -- 带参数arguments的函数的用法

JavaScript函数有带参数与不带参数两种形式,不带参数情况如下: function myFunction() { alert('HelloWorld!') } 在这种类型的函数中,输出值是确定的,即明确清楚或可以直接看出输出结果.那么带参数的函数的情况呢,什么时候需要用到参数,为什么要用,好处在哪里?首先我们来看一个简单设置边框颜色的函数,如下: <!DOCTYPE html> <html lang="en"> <head> <meta

MyEclipse取消验证Js的两种方法

MyEclipse取消验证Js的两种方法 作者: 字体:[增加 减小] 类型:转载 通过js写一个web工程的相关页面时感觉很卡,修改内存也不行下面有两种解决方法,大家可以尝试下 前言:有时我们通过js写一个web工程的相关页面时感觉很卡,修改内存也不行下面有俩种解决方法: 1. 选中当前工程—properties—MyEclipse—validation—Excluded Resource下找到须要作废验证的文件或者文件夹就可以了. 2. 找到在项目路径下面的.project文件中配置了一些验

从壹开始前后端分离[.netCore 不定期 ] 36 ║解决JWT权限验证过期问题

缘起 哈喽,老张的不定期更新的日常又开始了,在咱们的前后端分离的.net core 框架中,虽然已经实现了权限验证<框架之五 || Swagger的使用 3.3 JWT权限验证[修改]>,只不过还是有一些遗留问题,最近有不少的小伙伴发现了这样的一些问题,本来想着直接就在原文修改,但是发现可能怕有的小伙伴看不到,就单发一条推送吧,所以我还是单写出一篇文章来说明解决这些问题,希望对无论是正在开发权限管理系统,还是平时需要数据库动态绑定权限分配的你有一些启发和思考.今天咱们注意解决这三个问题: 1.

用JavaScript进行表单验证

用户填写表单后提交,服务器端脚本会先验证数据,保证数据的正确性(比如数据是符合要求的内容.格式正确等)后再将数据交到数据库存储供以后使用.也可以在客户机上用JavaScript进行表单验证,比较快,用户操作效率较高.虽然用JavaScript进行表单验证有很多优点,不过有些用户可能会关闭浏览器JavaScript功能或者不支持JavaScript,因此在服务器端脚本的表单验证必不可少. 研究了<JavaScript基础教程 第九版>[美·Dori Smith,Tom Negrino] 一书中对

VBS中解决路径带空格的三种方法

vbs中,如果需要运行的程序中带有空格,按照通常的方式往往会提示错误,其实有两种形式不同的解决方法: 在应用程序前后分别加三个双引号,代码如下: [c-sharp] view plaincopyprint? Set wshell=CreateObject("WScript.Shell") wshell.Run  """C:/Program Files/360/360se/360se.exe""",5,True Set wshe