0 0

js点击两次按钮才可以提交5

我实用JQuery.valitate.js做了一个验证,验证通过后提交,但是通过后必须点击两次按钮才可以提交,怎么改就能改成一个啊
下边是代码:
$.validator.setDefaults({
submitHandler: function() {
              //如果点击添加按钮
$("#adduser").click(function(){
alert("触发点击事件,添加用户。");
//获得添加用户的用户信息
var id = $("#id").val();
var number=$("#number").val();
var username=$("#username").val();
2012年3月07日 11:40

6个答案 按时间排序 按投票排序

0 0

采纳的答案

submitHandler: function() {
    //下面那部分只是给id=adduser绑定一个事件,并没有执行$("#adduser").click(function(){ 
     }
}

估计点击的地方的id是adduser吧,这样的话他第一次点击执行绑定事件操作,第二次点击执行绑定操作和执行click事件

2012年3月07日 14:53
0 0

第一次点击只是取得数据,第二次点击才提交,试试下面这样写怎么样:

$(function(){
$("#adduser").click(function(){
 $.validator.setDefaults({
   submitHandler: function() {
       alert("触发点击事件,添加用户。");
       var id = $("#id").val();
       var number=$("#number").val();
       var username=$("#username").val(); 
  }
}
});

2012年3月07日 16:08
0 0

为什么不直接把按钮上绑定onclick事件呢?

2012年3月07日 14:54
0 0

对,第一次只是绑定没有调用

2012年3月07日 13:54
0 0

贴出整个html+js代码

2012年3月07日 12:52
0 0

你这第一次不是触发吧
第一次是把click事件绑定到$("#adduser")对像上
当你第二次点击时,才是调用 事件了。

你的代码贴得不全,不过估计你就是这样操作的

把你完整代码上传个附件看看

2012年3月07日 11:56

相关推荐

    js控制再次点击按钮之间的间隔时间可防止重复提交

    使用js控制再次点击按钮之间的间隔时间可防止重复提交,需要的朋友可以参考下

    JavaScript表单即时验证 验证不成功不能提交

    不能再让表单在提交按钮之后才被验证了!你输入的任何信息表单都会即时反应! 这个JavaScript的关键是onChange()事件,使用onKeyUp()事件完成是不行的,人家没有输入完毕,你就说人家不对,多不友好啊╮(╯▽╰)╭ ...

    几种防止表单重复提交的方法

    有很多的应用场景都会遇到重复提交问题,比如: 点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复之前的操作,导致重复提交表单。 使用浏览器历史记录重复提交表单。 浏览器重复的HTTP请求。 几种防止表单...

    控制页面按钮在后台执行期间不重复提交的JS方法

    在ASP.NET中,如果在点了一个按钮,提交到后台执行期间,再点一次按钮,会出现两种情况,一种是执行了两次后台代码,另一种是等待前一次的提交动作执行完后再次执行提交动作,无论是哪一种,都是跑了两遍后台代码,...

    js css面试题

    如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button, 即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。

    防止用户将表单重复提交的方法汇总

    点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复之前的操作,导致重复提交表单。 使用浏览器历史记录重复提交表单。 浏览器重复的HTTP请求。  几种防止表单重复提交的方法  1.禁掉提交按钮。表单提交后...

    常见表单重复提交问题整理及解决方法

    /** * * @authors Benjamin * @date 2013-11-13 10:16:59 */ 一、常见的重复提交问题 a>点击提交按钮两次。 b>点击刷新按钮。 c>使用浏览器后退按钮重复之前的操作,导致重复提交表单。 d>使用浏览器历史记录重复...

    php 防止表单重复提交两种实现方法

    这样就导致后台收到两次提交,从而进行两次处理,本文章向大家介绍php 防止表单重复提交的几种方法 1、前端解决 方法一: 可以通过前端来解决。当用户点了提交按钮之后,先使用js进行有效性判断,没问题后,将提交...

    JSP避免Form重复提交的三种方案

    1. 在 Form 中添加一个隐藏的输入字段,用于存储令牌值:<html:form> 会自动根据 session 中标识生成一个隐含 input 代表令牌,防止两次提交。 2. 在 Action 中,验证事务控制令牌,如果不匹配,则抛出错误。 3. ...

    实战演练如何防止重复提交

    对于表单重复提交对于大家来说都不陌生,就是说当我们在进行表单提交时候,有可能出现网络延迟的情况,这个时候我们又点击按钮进行了表单的重复提交,对于以下的情况,我们可能就只是进行了两次的登录,对于这种情况...

    JavaScript禁止用户多次提交的两种方法

    【当服务器超载时,会出现提交卡顿的现象,但是用户在操作时,会不停重复点击提交,会造成服务器压力更大。所以我们需要进行限制】 [1]将提交按钮禁止 <html>  <head>  [removed]  //禁止默认行为 ...

    防止Layui form表单重复提交的实现方法

    在提交表单数据时,提交按钮为 submit 类型,以layui为js框架时,会重复提交表单数据,为防止这一情况,有效的做法是: 在<form>里面,加上 lay-filter=”formConfig” , οnsubmit=”return false” , 其中 ...

    javascript函数的解释

    例一:举菜单为例,首先脑子里要有一个概念,如何去实现它……(两步:1、先将所有的按钮变为绿色,2、将点击的按钮变为红色) 点击后变成红色,其它为绿色……这里面最后需要搞清楚的就是一个先后问题,点击下一个...

    在javaScript中关于submit和button的区别介绍

    如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。...

    js防止表单重复提交的两种方法

    第一种:用flag标识,下面的代码设置checkSubmitFlg标志;第二种:在onsubmit事件中设置,在第一次提交后使提交按钮失效,感兴趣的朋友可以了解下

    程序天下:JavaScript实例自学手册

    2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置控件的事件 第3章 字符...

    《程序天下:JavaScript实例自学手册》光盘源码

    2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置控件的事件 第3章 字符...

    jquery验证插件,脚本验证插件

    支持开启网速慢时的二次提交防御(有时连续的点击提交表单按钮会产生多次的表单提交结果); 指定表单下任一元素在单击时触发表单提交事件; 支持一个页面多表单的检测。例如你给页面上的各form绑定同样的class...

    常用js大全,javascript校验大全

    2.07 避免多次提交页面 在jsp中嵌入该文件,在每个jsp页面的提交语句 前执行该方法.. 121 2.08 检查EMail格式. 122 2.09 电话号码由数字和-组成. 123 2.10 检验IP地址 . 124 2.11 校验忽略样式内容后文本域中的内容...

    大名鼎鼎SWFUpload- Flash+JS 上传

     SWFUpload不同于其他基于Flash构建的上传工具,它有着优雅的代码设计,开发者可以利用XHTML、CSS和JavaScript来随心所欲的定制它在浏览器下的外观;它还提供了一组简明的JavaScript事件,借助它们开发者可以方便的...

Global site tag (gtag.js) - Google Analytics