js点击两次按钮才可以提交 - ITeye问答

问答首页 → Java企业应用

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();

Java jQuery 验证

2012年3月07日 11:40

猪猪Be_Happy
15
0 0 0

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

0 0

采纳的答案

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

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

2012年3月07日 14:53

hao117
114
0 0 1

添加评论

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

feng_ye
31
0 0 0

添加评论

0 0

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

2012年3月07日 14:54

bowen.xiao
30
0 0 0

添加评论

0 0

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

2012年3月07日 13:54

斐斐宝贝
327
0 1 6

添加评论

0 0

贴出整个html+js代码

2012年3月07日 12:52

AngelAndAngel
2641
0 0 2

添加评论

0 0

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

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

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

2012年3月07日 11:56

suziwen
3226
0 0 13

添加评论

相关推荐

按钮的Ajax请求时一次点击两次提交的解决方法: 在使用JavaScript的Ajax请求时，如果在Ajax请求完成后没有阻止按钮的默认行为，即表单提交，就会发生“一次点击两次提交”的情况。下面详细探讨两种常用的解决办法。 ### 解决方案一：更改按钮的type属性第一种...

修改禁止多次重复提交: 当用户点击提交按钮时，可以通过设置按钮禁用状态（`disabled`属性）来阻止用户连续点击，确保同一份表单不会被多次提交。例如： ```html  提交 document.getElementById('myForm')....

js控制再次点击按钮之间的间隔时间可防止重复提交: 这通常通过JavaScript来实现，通过控制按钮的可用状态和设置点击间隔时间，确保用户在一定时间内只能进行一次提交操作。以下是如何使用JavaScript来实现这个功能的详细说明。首先，我们需要一个HTML结构，其中包含...

javascript设置连续两次点击按钮时间间隔的方法: 本文介绍了在JavaScript中设置连续两次点击按钮的时间间隔的方法，这是一种在前端开发中十分实用的技术，能够有效防止用户在短时间内反复点击按钮，从而控制某些操作（如表单提交、请求发送等）的频率，避免程序因高...

jQuery+CSS3鼠标点击按钮加载动画特效: 总的来说，"jQuery+CSS3鼠标点击按钮加载动画特效"项目展示了如何结合使用这两种技术来创建交互式用户体验。开发者可以参考这些代码实现自己的按钮加载动画，或者根据需求进行修改和扩展。这不仅有助于提升网页的...

有关弹窗两次的解决办法: 通过上述方法，可以有效地解决网页中因JS和VB双重验证导致的弹窗两次问题。这种方法简单易行，不仅提高了用户体验，还降低了代码维护的成本。开发者可以根据自己的项目需求灵活地调整和应用这些技巧。

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

解决kindeditor在使用验证插件下点两次才提交的问题: ### 解决KindEditor在使用验证插件下点两次才提交的问题 #### 背景与问题阐述在web开发中，KindEditor是一款广泛使用的富文本编辑器，它提供了丰富的功能和良好的用户体验。然而，在集成某些特定插件时，可能会...

js提交表单及js表单验证: 表单提交通常通过HTML中的`<form>`标签实现，当用户点击“提交”按钮时，默认行为是将表单数据发送到服务器端进行处理。但我们可以利用JavaScript来改变这种默认行为，例如，在提交前进行一些验证操作。 ```html ()...

jQuery+css3实现的鼠标点击提交按钮加载动画特效源码.zip: 这个"jQuery+css3实现的鼠标点击提交按钮加载动画特效源码.zip"压缩包提供了一个实例，展示了如何结合这两种技术来创建一个交互式的提交按钮，当用户点击后，会显示一个加载动画，提升用户体验。首先，jQuery是一...

asp.net 页面防止重复提交: 首先，理解问题的本质：当用户点击提交按钮两次或者由于网络延迟，浏览器可能会发送两次请求到服务器，导致相同的数据被处理两次。这在诸如金融交易、用户注册等关键操作中尤为严重。一种防止重复提交的方法是使用...

JavaScript禁止用户多次提交的两种方法_.docx: 本文将详细介绍两种常见的防止用户多次提交的JavaScript实现方法。 **方法一：禁用提交按钮** 这种方法的基本思路是在用户点击提交按钮后，立即禁用该按钮，防止用户再次点击。在表单提交事件处理函数中，我们首先...

阻止表单提交按钮多次提交的完美解决方法: 总的来说，阻止表单提交按钮多次提交的方法主要有两种：一是通过JavaScript或jQuery在用户点击后禁用按钮；二是监听表单的`submit`事件并在提交时禁用按钮。同时，结合服务器端的验证能提供更全面的保护。这些方法的...

图片点击放大缩小遮罩层以及 ajax加载中防止重复提交加载遮罩层: 在用户进行文件上传或数据提交时，防止用户意外地多次点击提交按钮是非常重要的，因为这可能导致后台处理多个相同请求，带来不必要的资源浪费或数据冲突。一种常见的解决方案是在点击提交按钮后立即禁用该按钮，并...

JS实现点击按钮可实现编辑功能: 在JavaScript（JS）中，实现点击按钮切换编辑功能是一种常见的交互设计，这通常涉及到元素的显示与隐藏、事件监听以及按钮行为的改变。在提供的代码示例中，开发者通过JavaScript来控制用户界面（UI）元素的显示状态...

图片按钮提交与表单重复提交问题探讨: 在有多个提交按钮的情况下，可以使用JavaScript来禁用所有的提交按钮，确保在任一按钮被点击后，其它所有按钮都处于不可用状态。文档提供了一段示例代码，通过`document.getElementsByName('t1')`获取所有名为`t1`的...

侧滑选项卡，浏览器控件，两次退出: 通过JavaScript与Java的交互，可以实现更多的功能，如点击链接、表单提交等。 4. 两次退出机制：这是为了防止用户意外关闭应用而设计的一种安全机制。当用户首次点击退出按钮时，应用通常会弹出提示确认是否真的要...

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

JS按钮倒计时函数: 通过以上分析，我们可以看到JavaScript中实现按钮倒计时功能并不复杂。只需要合理利用`setTimeout`函数，并结合DOM操作即可轻松实现这一功能。在实际项目开发中，倒计时功能可以根据具体需求进行调整和优化，例如...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics