`
infon
  • 浏览: 6118 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

用jQuery进行两次确定提交

阅读更多

     管理员审核要非常的小心,因为涉及到公司财务问题。但谁都有犯错误的时候,为了减少犯错误的机率,我决定把财务审核那部分的链接都需要双确定以后才能点开。因为公司用的是jQuery框架,查了一下jQuery的资料及问了下同事,发现还挺简单的,如果只是超链接的话可以用下面的代码就可以解决:

js 代码
  1. jQuery(function(){   
  2.     jQuery("a").click(function(){   
  3.         if(confirm("请核对一下你的操作,此操作不可逆!")&&confirm("再核对一遍"){   
  4.             return true  
  5.         }else{   
  6.             return false;   
  7.         }   
  8.     });   
  9. });  

       放在页面中,无论点那个超链接,都得经过两次确定才能访问。上面的是整个页面的所有超级链接都会经过两次确认,这肯定不是我想要的,我需要的是在某个table下的超链接需要确认,那可以把代码修改如下:

 

  1. jQuery(function(){   
  2.     jQuery("table1 a").click(function(){   
  3.         if(confirm("请核对一下你的操作,此操作不可逆!")&&confirm("再核对一遍"){   
  4.             return true  
  5.         }else{   
  6.             return false;   
  7.         }   
  8.     });   
  9. });  

 

 这样id为"table1"下的所有超链接都要确定,而其他的和原来一样。那如果是用按钮提交form,代码也是差不多一样的

js 代码
  1. jQuery(function(){   
  2.     jQuery("#deleteButton").click(function(){   
  3.         if(confirm("请核对一下你的操作,此操作不可逆!")&&confirm("再核对一遍"){      
  4.             jQuery("form:first").submit();   
  5.         }   
  6.     });   
  7. });  

           deleteButton是button的id,"form:first"是第一个form。

           这样我的功能这达到了,但不知道有没有更简便的JAVASCRIPT来实现这样的功能,以前对JS也不够重视,用了jQuery后才发现用了JS后,网页的互动性太太增强了,看来自己还得在这方面下下功夫。

          JAVAEYE的第一次写博客,希望大家多多支持!

分享到:
评论
1 楼 夜枫舞影 2007-07-23  
好像不错的样子,
这个jquery我下次有空学学..

相关推荐

    jquery.validate 使用

    本文将深入探讨jQuery Validate的使用方法,以及如何结合实际项目进行应用。 一、jQuery Validate插件简介 jQuery Validate是一款由Jörn Zaefferer开发的jQuery插件,主要用于表单验证。它提供了丰富的验证规则和...

    jquery+easyUI搭建页面

    例如,登录页面可能包含一个jQuery监听的表单提交事件,当用户点击登录按钮时,触发AJAX请求,将数据发送到服务器。主页界面则可能包含多个EasyUI组件,如数据表格展示信息,导航菜单供用户切换功能模块。 总结起来...

    jquery表单验证代码百度注册页面表单验证

    以上就是使用jQuery进行表单验证的基本知识,对于“百度注册页面”这样的应用场景,这些技巧将确保收集到的用户数据准确且有效。通过深入理解和实践,开发者可以创建出更健壮、更友好的注册流程。在压缩包中的文件...

    jQuery实用的注册表单验证代码.zip

    本资源“jQuery实用的注册表单验证代码”提供了一种使用jQuery库进行表单验证的方法,特别适合初学者和开发者快速实现这一功能。 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及...

    jquery的validate方法运用

    首先,要使用`validate`方法,你需要在页面中引入jQuery库和jQuery Validate插件的脚本文件。一旦这两个文件加载完毕,就可以为你的表单启用验证: ```html <script src="https://code.jquery....

    jQuery+css3实现的鼠标点击提交按钮加载动画特效源码.zip

    当用户点击提交按钮时,jQuery会触发一个函数,该函数可以包含一系列操作,如禁用按钮防止重复提交,启动加载动画,以及发送Ajax请求进行数据提交。 CSS3则是层叠样式表的最新版本,提供了许多新的样式属性和动画...

    使用JQuery实现智能表单验证功能

    使用jQuery实现智能表单验证功能涉及前端开发的多个重要知识点,包括HTML表单元素的使用、CSS样式设计、JavaScript编程以及jQuery库的引入和应用。在接下来的内容中,我们将深入探讨这些知识点。 首先,HTML表单是...

    jquery中注册,登录,完善个人资料等的验证demo

    以上就是使用jQuery进行注册、登录和完善个人资料验证的基本流程和实现方式,通过合理的设计和实现,可以提高用户界面的友好性和系统安全性。在实际开发中,还需要根据项目需求和安全规范进行适当的调整和优化。

    jquery validate表单验证插件制作会员信息注册表单验

    在网页开发中,表单验证是必不可少的一个环节,尤其在用户注册或者提交信息时,确保输入数据的正确性至关重要。jQuery Validate插件是一款强大且易用的JavaScript验证库,它能够帮助开发者轻松实现对表单的验证功能...

    Jquery插件实现用户注册

    我们可以使用`val`方法获取输入值,并使用正则表达式进行验证。 ```javascript function validateInputs() { var username = $('#username').val(); var password = $('#password').val(); var confirmPassword ...

    jQuery表单验证之密码确认

    总的来说,这个例子展示了如何使用jQuery进行简单的表单验证,特别是在密码确认这一常见场景中。通过学习这个示例,开发者可以更好地理解和应用JavaScript事件处理、DOM操作以及jQuery提供的便利方法。同时,为了...

    jquery实现用户注册表单验证代码

    接下来,我们将使用jQuery进行验证。首先,我们需要在HTML文档中引入jQuery库,可以通过CDN链接或者本地文件引入: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 然后,我们...

    支持多个确认对话框jQuery代码.zip

    2. **单次双选弹框**:与单选不同,此功能提供两个可选选项,让用户在有限的决策范围内进行选择,可能用于确认更复杂的操作,如改变设置或选择偏好。 3. **多次双选弹框**:在一系列操作中,连续出现多个双选对话框...

    jquery判断输入密码两次是否相等

    总结来说,使用jQuery和其插件进行密码匹配验证是一种简便有效的方法,可以帮助开发者快速实现表单验证功能。需要注意的是,由于Web表单的验证涉及前端和后端,因此在前端通过验证后,还需要在后端进行再一次的验证...

    用spry验证两次密码正确.asp

    Spry是Adobe Dreamweaver中的一种JavaScript库,用于在网页上实现动态用户界面...通过利用 SpryValidationTextField 和自定义验证函数,我们可以有效地确保用户输入的两次密码一致,从而提高网站的安全性和用户体验。

    jquery_validator说明

    ### jQuery Validator 使用说明 #### 一、简介 jQuery Validator 是一款功能强大且易于使用的表单验证插件。它能够帮助开发者快速实现各种复杂的验证逻辑,提高用户体验并减少服务器端的压力。该插件由 Jörn ...

    jquery插件jquery.confirm弹出确认消息

    通过这种方式,开发者可以在用户进行关键操作(如删除、提交等)之前,提醒用户确认,从而提升用户体验和应用的安全性。 总结而言,jquery.confirm是一个实用的jQuery插件,它通过简洁的API和灵活的配置选项,让...

    jQuery用户注册表单验证代码.zip

    5. 重复输入验证:比如密码确认,确保两次输入一致。 jQuery提供了`.change()`、`.blur()`、`.focusout()`等事件来监听用户输入的变化,当触发这些事件时执行验证逻辑。如果验证失败,可以使用`.addClass()`添加...

    FormValidator.zip(使用jquery-validate实现注册界面表单验证)

    它与 jQuery 库结合使用,提供了一种简单而强大的方式来实现动态和自定义的表单验证。本项目"FormValidator.zip"包含了一个使用 `jquery-validate` 实现的注册界面表单验证的示例源码。 `jQuery Validate` 插件的...

    jQuery防止click双击多次提交及传递动态函数或多参数

    在jQuery中,双击事件(dblclick)会触发两次单击事件(click),具体来说,当用户执行双击事件时,会依次触发mousedown、mouseout、click、mousedown、mouseout、click、dblclick这一系列事件。可以看到,双击事件...

Global site tag (gtag.js) - Google Analytics