防止表单submit或按钮button多次连续点击提交

【防止表单submit或按钮button多次连续点击提交】的更多相关文章

防止表单submit或按钮button多次连续点击提交

如上例子:当我点击提交按钮触发submitQuartz()函数防止用户连续点击提交操作方法一:获取当时点击时间,根据时间差判断 $scope.submitQuartz=function () { var nowTime = new Date().getTime(); var clickTime = $(this).attr("ctime"); if( clickTime != 'undefined' && (nowTime - clickTime < 1000…

form表单submit事件

form表单submit事件同时会触发form表单中button按钮的click事件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form id="form_test" action="" method="pos…

bootstrap 表单元素、按钮、链接的禁用

在Bootstra中,表单元素,按钮通过在标签内设置 disabled 或 disabled="disabled" 可以禁用表单元素,按钮.链接需要加入class="disabled" 可以禁用链接. 文本框的禁用:<input class="form-control" id="disabledInput" type="text" placeholder="该输入框禁止输入..."…

form表单submit按钮提交页面不跳转

方案一 <html> <body> <form action="" method="post" target="nm_iframe"> <input type="text" id="id_input_text" name="nm_input_text" /> <input type="submit" id=&quo…

BUG-jQuery提交表单submit方法-TypeError: e[h] is not a function

问题:button按钮设置id为submit后,表单jquery.submit()无法提交,报告异常TypeError: e[h] is not a function 源码: 解决:参考http://blog.csdn.net/u013785779/article/details/19966533:http://www.zh30.com/form-submit-object-is-not-a-function.html 原因:见参考…

Js表单Submit问题

一般在submit前,会用js查核是否满足提交标准,如下: function doSubmit(){ if(doucument.getElementbyId("myID") ==""){ alert("xxxx为空!!!"); return false; } return true; } 但如果dosubmit中需要检验的模块较多,为了方便,我们在先定义多个js方法,然后在dosubmit中调用这些js方法,如下 function doSubmi…

form表单reset重置按钮

如果ajax提交完数据,后想清空表单内容 ,以前都是用这个方法$("#id").val(""); 一个一个清空的,其实可以在form表单中加个隐藏的<input type="reset" style="display:none/>的重置按钮,ajax提交后调用下 $("input[type=reset]").trigger("click"); 就可以把输入框的值重置为默认值了(注意r…

html5 填表表单 form label input button legend fieldset

<form>本身没有什么意义, 但是某些依赖form的标签元素一旦没有了form就不能生效. 所以form是提供一个定义环境给form的插件元素去生效的. 1.method 属性post一般用表单提交, 而get 一般用超链接提交. 如果用post提交百度就会出错.或者返回的链接不会带有?user= <form method="post" action="http://www.baidu.com"> <input name=…

使用onclick/表单submit跳转到其他页面

使用onclick 如果是本页显示可以直接用location,方法如下: - onclick="javascript:window.location.href='URL'" - onclick="location='URL'" - onclick="window.location.href='URL?id=11'" 如果页面中有frame可以将在location前面添加top.mainframe.frames['right_frame'].loc…

提交Form表单,submit之前做js判断处理

效果: 在点击提交按钮时,首先进行js判断, 如果不符合条件,则alert出提示信息,并return false. 主要点就在于给form表单添加一个onsubmit事件. 在onsubmit事件中定义的函数里进行js验证处理. 代码 : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti…

jQuery Ajax 确定 form 表单 submit 提交成功

使用 jQuery 提交表单,可以使用同步方式(async: false). a.html 是 html 文件,a.php 是服务端文件,把 a.html 中表单的数据提交到 a.php 中,在提交成功之后,给出成功提示. a.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="jquery-1.8.3.min.js"&…

用javascript调用表单验证事件时，为什么return false了还是把表单submit了？

表单提交前,都会有定义一个验证的方法以对用户提交的内容进行限定,今天写到了这个,但出现了一个好郁闷的东西,就是一点提交了,调用我自己写的一个CheckForm()方法时,我明明写了return false了,但它还是提交到服务器了,好不郁闷!然后仔细检查才发现,原来是漏了个return,下面先看出错的代码: <script src="../js/jquery-1.6.js" type="text/javascript"></script> &…

基于form表单submit提交不跳转

方法一:target <html> <body> <form action="" method="post" target="nm_iframe"> <input type="text" id="id_input_text" name="nm_input_text" /> <input type="submit"…

django中使用AJAX时如何获取表单参数（按钮携带参数）

前提是函数和相应的视图路由都已经配置好了,然后就是表单了: <form id="SmsForm" method="post" class="a"> {% csrf_token %} <div class=""> <input class="" name="name" id="name" type="text" plac…

bootstrap学习笔记<六>（表单二之按钮）

按钮(补充) (ps:居中元素可以使用<center></center>标签) 块级按钮(ps:按钮占一整行) <button class="btn btn-primary btn-lg btn-block" type="button">大型按钮.btn-lg</button> <button class="btn btn-primary btn-block" type="butto…

ExtJS 表单 submit时错误处理

这里不提success,提提Extjs 表单提交的failure方法. 在表单的提交中,当发生异常行为时通常分为三种情况 1. 无法连接到服务器 2. 表单验证错误 3. 业务逻辑错误对应下面的代码 failure = function(form, action){ switch (action.failureType) { case Ext.form.Action.CLIENT_INVALID: Ext.ux.Toast.msg("错误", "提交的表单数据无效,请检查!…

表单送件按钮代码(一)cs（C#）(未完)

protected void BtnRequest_Clich(object sender, EventArgs e) { lblMsg.Text= " " ; lblfmsg.Text= " " ; TxtEmpID.Text=Coeno.Utility.String.CleanUpInput(TxtEmpID.Text); --Coeno.Utility命名空间,String类名,CleanUpInput方法名 TxtVocMemo.Tex…

动态增加表单元素并获取元素的text和value提交

以上是效果图需求是这样的: 专家设置好条件,然后设备检测到达到相应的条件之后,设备发出提醒给用户. 这就需要专家设置好能看懂的条件之后,然后把给专家看的,正常人能看懂的条件和发送的设备的,设备能够识别的条件分别拼接并保存到数据库.专家可以点击 + 添加条件,多个条件之间是并且的关系. 问题的关键在于动态添加表单和如何获取表单的text和value分别根据要求进行拼接. 首先是添加表单,这个很简单: $("#addform").click(function () { //添加的内容 v…

asp.net中通过form表单submit提交到后台的实例

前台<body>中的代码: <body> <div id="top"> </div> <form id="login" name="login" action="?Action=Login" method="post"> <div id="center"> <div id="center_left&q…

ASP.NET MVC 表单submit()

HTML代码 <form id="frmLogin"> <div class="form-group has-feedback"> <input type="text" class="form-control" placeholder="账户" id="user"> <span class="glyphicon glyphicon-en…

Java EE之一个表单两个按钮响应不同界面（登录与注册）

1.在前端,使用javaScript实现: <script> function logup(){ var element = document.getElementById('login-form'); element.action = 'logupServlet'; element.submit(); } function login(){ var element = document.getElementById('login-form'); element.action = 'Login…

Input File 表单上传按钮美化

HTML <div class="input-file-button"> 上传图片<input type="file" class="input-file" hidefocus /> </div> CSS .input-file-button { display:block; width: 200px; height: 80px; text-align: center; line-height: 80px; c…

表单只有一项 input 时按回车键会提交表单

在 Vue 中使用 Element UI,使用表单 el-form 只有一个 el-input 项,使用 @keyup.enter.native 来处理回车事件. 结果发现按下回车时页面总会被刷新?? 第一反应查询关键字 vue. element. el-form …… 结果发现是 HTML 的已知 bug(feature)…… https://www.w3.org/MarkUp/html-spec/html-spec_8.html#SEC8.2 好吧那怎么解决呢 1. 加一个表单项…

layui form表单 input输入框获取焦点后阻止Enter回车自动提交

最简单的解决办法,不影响其他操作,给提交按钮增加 type="button" 属性完美解决 <button type="button" class="layui-btn" lay-submit lay-filter="*">立即提交</button>…

jquery实现表单验证，所以的验证通过后方可提交

<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Reg</title> <style> .state1{ color:#aaa; }…

Spring MVC 用post方式提交表单到Controller乱码问题，而get方式提交没有乱码问题

在web.xml中添加一个filter,即可解决post提交到Spring MVC乱码问题  <filter> <filter-name>encodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <…

12、Struts2表单重复提交

什么是表单重复提交表单的重复提交: 若刷新表单页面, 再提交表单不算重复提交. 在不刷新表单页面的前提下: 多次点击提交按钮已经提交成功, 按 "回退" 之后, 再点击 "提交按钮". 在控制器响应页面的形式为转发情况下,若已经提交成功, 然后点击 "刷新(F5)" 重复提交的缺点: 加重了服务器的负担可能导致错误操作. token(令牌) 用户在访问页面时,我们要生成一个随机的token值将该值放入到session域中,同时放在表单隐藏…

Struts防止表单重复提交

1.什么是表单重复提交 > 在不刷新表单页面的前提下: >> 多次点击提交按钮 >> 已经提交成功, 按 "回退" 之后, 再点击 "提交按钮". >> 在控制器响应页面的形式为转发情况下,若已经提交成功, 然后点击 "刷新(F5)" > 注意: >> 若刷新表单页面, 再提交表单不算重复提交 >> 若使…

ASP.NET MVC中使用Session来保持表单的状态

本篇实践在ASP.NET MVC 4下使用Session来保持表单的状态. 本篇的源码在这里: https://github.com/darrenji/KeepFormStateUsingSession 如上,输入俱乐部名称,点击"添加球员",输入球员名称.我们希望,点击"到别的地方转转"跳转到另外一个视图页,当再次返回的时候能保持表单的状态. 点击"到别的地方转转"跳转到另外一个视图页如下: 再次返回,表单的状态被保持了: 点击"提交…

JavaWeb使用Session防止表单重复提交

在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 1.什么是表单重复提交 > 在不刷新表单页面的前提下: >> 多次点击提交按钮 >> 已经提交成功, 按 "回退" 之后, 再点击 "提交按钮". >> 在控制器响应页面的形式为转发情况下,若已经提…