`
zqb666kkk
  • 浏览: 732186 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

jquery 解决页面双重提交问题

双重提交 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jq1.10.2.js"></script>
<script type="text/javascript">
  $(function() {
       $("form").submit(function(){
$(":submit",this).attr("disabled","disabled");  
})
      });
</script>
</head>

<body>
<form action="http://www.baidu.com" method="post">
<h1>表单提交</h1>
<input type="text" name="age" />

<input type="submit" value="提交" />
</form>
</body>
</html>



这里用到了jquery的 “CSS和自定义过滤器”选择器:submit(选择提交按钮元素)

警告：
使用这种方式来禁用提交按钮，不能免除服务器后台代码的职责，这个只是在前端做了控制
但是对于黑客攻击还是不行，得在后台做控制，只是在用体验上增加了友好度。

0
顶
0
踩
分享到：
| 控制整个页面强制在新窗口打开链接
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    超实用的jQuery代码段

    11.4 解决jQuery版本冲突问题 11.5 如何设置IE特有的功能 11.6 判断浏览器类型并设置HTML元素内容 11.7 加载Google CDN的jQuery库 11.8 Cookies应用方法 11.9 使用cookie.js管理Cookies 11.10 让Cookies在N分钟后...

    jquery-prevent-double-submit:防止双重提交 jQuery 插件

    在Web开发中，用户可能会意外地多次点击...总之，`jquery-prevent-double-submit`是一个实用的工具，能够帮助开发者轻松防止表单的双重提交。通过正确配置和使用，可以有效提升用户体验，减少因意外提交导致的问题。

    jquery validate配合struts2简单整改

    总结来说，jQuery Validate与Struts2的整合能够提供双重保障，既增强了用户体验，又提升了数据安全性。在实际开发中，可以根据项目的具体需求进行定制，灵活运用这两种验证机制，确保应用程序的稳定性和用户满意度。

    jquery.validate 与 struts2的整合使用

    通过以上步骤，我们可以实现jQuery Validate与Struts2的有效整合，达到前端和后端双重验证的目的，既保证了数据的准确性，又提供了良好的用户体验。在实际项目中，还可以根据需求自定义验证规则和错误处理方式，使...

    基于jquery的表单验证代码

    - `$(document).ready()`: 这是jQuery的核心功能之一，用于在页面加载完成后执行函数，确保DOM完全构建完毕。 - `$(':input')`: 选择所有的输入元素，如文本框、密码框、复选框等，方便进行验证操作。 - `.val()`...

    jQuery验证表单插件

    在Web应用程序中，表单验证是必不可少的一环，它确保用户提交的信息符合预设的规则，例如非空、邮箱格式、电话号码格式等。传统的验证方式往往需要开发者手动编写大量的JavaScript代码或正则表达式，这既耗时又容易...

    JQuery+PHP对HTML表单进行验证

    这两个工具结合使用，可以在客户端（浏览器端）和服务器端提供双重保护，避免无效或恶意的数据提交。 **一、JQuery表单验证** JQuery简化了JavaScript的使用，使得在前端进行表单验证更加便捷。以下是一些关键点：...

    JQuery表单验证

    在asp.net或php项目中，jQuery表单验证可以与服务器端验证相结合，提供双重保障。在asp.net中，可以利用ValidationSummary控件显示所有错误；在php中，可以使用filter_var()函数对输入进行过滤和验证。 ### 7. ...

    jquery-ui-multiselect-widget：jQuery UI MultiSelect小部件

    jQuery UI MultiSelect小部件MultiSelect逐步将普通的多选控件增强为优雅的复选框下拉列表，可通过ThemeRoller进行样式设置。演示页查看演示页面版本3 小部件的版本3在预发行版本中可用。 这引入了许多新功能和实质...

    jquery-h5form:Html5 Form Vlidation Plugin for IE - jQuery 插件

    在 MIT (MIT-LICENSE.txt) 和 GPL (GPL-LICENSE.txt) 许可下获得双重许可。 为构建 这个插件为所有浏览器提供了像 Opera 一样的 HTML5 表单。 这些增强是在输入元素中对象存在或不存在时确定的。 因此，它将能够...

    jCart v1.3

    在**jQuery**方面，jCart利用了jQuery的高效性能和丰富的插件生态系统，实现了页面无刷新的动态更新，从而提升了用户在添加商品、查看购物车和结算过程中的交互体验。jQuery的跨浏览器兼容性也确保了jCart可以在多种...

    jsp实现留言板实现留言

    3. **数据提交**：当用户提交留言时，JSP页面将接收到POST请求。在服务器端，我们使用request对象获取这些数据，然后存储到适当的数据结构中，如ArrayList或HashMap。 4. **数据库交互**：为了持久化留言，我们需要...

    清新点餐外卖网站模板是一款绿色小清新风格的HTML5美食网站模板 .rar

    此外，模板可能还集成了Ajax技术，使得无需刷新页面即可完成菜品选择和订单提交，大大提升了操作的流畅度。 考虑到外卖服务的特性，模板可能包含以下部分： 1. 首页：展示餐厅特色、优惠活动以及推荐菜品，吸引...

    .netmvc框架

    在B/S开发中，.NET MVC框架提供了丰富的Ajax支持，通过jQuery库或纯JavaScript与控制器进行异步交互，实现页面的部分刷新，提升用户体验。 总的来说，.NET MVC框架提供了一套完整的解决方案，包括了Web开发所需的...

    xz.zip ajax项目

    编辑完成后，使用AJAX提交更新请求，服务器处理并返回更新结果，前端实时更新用户列表。 2. 删除用户：在用户列表中，管理员可选中某个用户并执行删除操作。AJAX发送DELETE请求到服务器，服务器确认删除后，前端即时...

    SSH整合AJAX验证用户名存在和验证码的完整实例 提供原代码_好资源0分送

    - **客户端提交验证**：用户输入验证码后，通过AJAX发送到服务器，服务器比较用户输入的验证码与session中的验证码是否一致。 5. **数据格式**： - **HTML格式**：简单的验证结果，可以直接在页面上显示，如...

    web大作业报告发行稿1

    客户端的合法性验证确保了用户提交的数据符合系统的预设规则，避免非法数据的输入。服务端的合法性验证则在数据处理前进行二次确认，确保后台数据库的安全。同时，系统引入批量删除功能，提高了数据处理效率，而数据...

    InventoryManagementSystem.rar

    3. 数据校验：在提交表单前，利用SpringMVC的注解进行前端和后端双重数据校验，保证数据的合法性。 六、总结 “InventoryManagementSystem”项目展示了SSM框架在构建实际应用中的强大能力。通过合理的技术选型和...

    表单验证详细教程（chm）

    3. jQuery和插件：jQuery库简化了DOM操作，许多验证插件（如jQuery Validation Plugin）提供了强大的验证功能和友好的用户提示。 三、后端验证 1. PHP验证：PHP作为常见的服务器端语言，可以通过if条件语句、正则...

    js注册表单错误输入框红色圆角提示效果.zip

    8. **插件集成**：标签中提到"实用插件"，可能意味着这个项目使用了一些现成的JavaScript库或框架，如jQuery，Bootstrap等，它们提供了便捷的表单处理和动画效果。 这个项目对于初学者来说是一个很好的学习资源，它...

Magicbox
Global site tag (gtag.js) - Google Analytics