form表单取消按钮自动提交

默认写在form表单里的按钮可以自动提交表单,现在要实现的效果是点击button按钮调用js函数,再有ajax提交

<button type="button" class="btn btn-sub" onclick="return formSubmit();">提交</button>
function formSubmit()
    {
        // 如果是修改渠道号,原来就有渠道参数,需要将原有的渠道参数初始化进去
        $("#attrTbody").children().each(function(){
            selChannelAttr.push({"name":$(this).children().eq(0).attr("name"), "value":$(this).children().eq(1).text(), "text":$(this).children().eq(0).text()});
        });

        $("#channelForm").submit();

        return false;
    }

代码如上,按如下说明改即可

在formSubmit()函数的最后加上 return false;

在HTML事件中 onclick="return formSubmit()"

时间: 2024-10-03 13:10:02

form表单取消按钮自动提交的相关文章

关于form表单中button按钮自动提交问题

坑:点击确认按钮,form表单提交2次,发送后台2次请求 //错误代码: <Button id="btnSubmit" name="btnSubmit" class="btn btn-primary" >确认</Button> $("#btnSubmit").click(function(){ $('#formSave').ajaxSubmit(function(data) { if(data.code

JAVA EE、JSP表单取消按钮和提交按钮name属性的命名问题

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="s" uri="/struts-tags"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &

form表单的两种提交方式,submit和button的用法

一种是用submit提交.一种是用button提交.方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){   var result = document.getElementById("userid").value;   var password = document.getElementById("userpassid").value;   if(result == ""  ){     alert(

Form表单内按钮实现location.href跳转

这两天在架设一个较早的PHP应用程序,发现有几个按钮在IE下点击有效果,在Chrome.Firefox下点击则没反应.问题来了,那么马上F12拉出神器开始调试,下面把HTML代码贴出来: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

【转载】form表单的两种提交方式,submit和button的用法

1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写:有两种方法,一种是用submit提交.一种是用button提交.方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){   var result = document.getElementById("userid").value;   var password = document.getElementById("userpass

沫沫金 - jQuery序列化form表单【支持ajax提交form对象表单entity.xxx】

需要form表单提交,大表单对字段后台人工处理太麻烦.还是选择form表单对象(entity.xx)提交方便,那么怎么ajax提交这样的form对象表单呢? 命名jquery.commons.js内容如下 /**  * FORM对象表单ajax提交前数据处理方法  * @param frm  * @returns JSON Object  */ function getFormJson(frm) {     var o = {};     var a = $(frm).serializeArra

form表单用ge方式提交时ie显示中文参数乱码

有网友说 通过给form表单添加accept-charset="gb2312"和 onsubmit="document.charset='gb2312'" 但这样没能解决我的问题,我的源码是这样的: 这样做后,ie搜索还是不能成功, 后这样就可以了: <form method="get" target="_blank" id="searchform" name="searchform&quo

form表单有条件的提交

form表单提交数据,比如,积分,score,在0--100之间 1 var score = $('#score').val(); 2 if(score !=''){ 3 if(isNaN(score)){ 4 layer.msg("积分请输入整数类型!"); 5 return false; 6 } 7 if(score<0 || score>100){ 8 layer.msg("积分值请输入0到100以内的数字!"); 9 return false;

jQuery实现ajax提交form表单(可以是提交json),用springmvc接收。图文详解

第一种方法(简单易用,防蚊虫): 1.1 从form表单到congtroller接收.1 是form表单,2 是ajax提交 3 springmvc接收 1.2 debug 看后台数据,看到了吧,userEO接收到数据了 1.3 有人想看看seralize和seralizeArray数据不同 seralize:id=1&name=xiaohua&age=18&sex=man seralizeArray[ id 1],[ name xiaohua],[ age 18],[ sex m