$("#btnLogin").on("click", function(e) { e.preventDefault(); ControlLogin.requestLogin(); });
$("#login-form").submit(function(e){ e.preventDefault(); ControlLogin.requestLogin(); });
<form id="login-form"> <div class="form-group"> <h3>Login to Wealthy e-banking</h3> <hr></div> <div class="form-group"> <div id="login-alert" class="alert alert-warning hidDiv"> <button class="close" type="button" aria-hidden="true">×</button> <strong>User name or password is not correct.</strong> <span class="err_msg"></span> </div> </div> <div class="form-group"> <label>User ID/Account Number</label> <input type="text" class="form-control" id="userName" name="userName" placeholder="Your AT.PASS ID" required></div> <div class="form-group"> <label>Password</label> <input type="password" class="form-control" id="password" name="password" placeholder="Your Account Password" required /> </div> <button type="submit" id="btnLogin" class="btn btn-primary"> Login </button> </form>
这两个的区别就是 一个会执行form表单的默认提交方式,比如验证文本域 required 什么的。。。
第一个就是监控你是否有按 button 的点击事件
相关推荐
这提高了用户体验,因为用户无需提交表单就能看到错误。 9. **响应式验证**: AngularJS允许根据表单的其他字段状态改变验证规则。例如,只有当一个复选框被选中时,与其相关的必填字段才需要验证。 10. **`...
另一种方法是在表单提交后禁用提交按钮,或者使用JavaScript监听提交事件,阻止额外的提交请求。 最后,自定义拦截器是Struts2的一个强大特性,它允许开发者在Action执行前后插入自定义的逻辑。拦截器可以用来实现...
另外,我们还可以定制错误消息的显示方式,例如将错误消息放置在相应字段旁边,而不是默认的跟随提交按钮: ```javascript $("#signupForm").validate({ errorPlacement: function(error, element) { error....
【标题】"JS用户反馈表单提交代码.zip" 涉及的知识点主要集中在JavaScript、jQuery和CSS特效上,这些都是构建交互式网页的关键技术。在实际应用中,开发者经常使用这些技术来创建用户友好的反馈表单,提高用户体验。...
- `submit()`: 提交表单。 - `location.reload()`: 刷新当前页面。 - `navigator`对象: 用于获取浏览器的相关信息,如名称、版本等。 这些只是JS常用函数的一部分,实际上JS的功能远不止这些,它还包括DOM操作、...
6. **事件和DOM操作**:JavaScript可以与HTML文档交互,通过事件监听改变用户行为,如点击按钮或提交表单。DOM(Document Object Model)是HTML和XML文档的结构化表示,允许通过JavaScript来修改网页内容。 7. **...
* 表单可以使用JavaScript来实现数据的提交 该资源涵盖了JavaScript的基础知识点,包括基本概念、函数、对象、时间对象、文字对象、图片应用和表单应用等内容。这些建议知识点可以帮助开发者快速掌握JavaScript的...
【标题】"js+css3用户反馈表单提交特效.zip"所包含的知识点主要集中在JavaScript(js)和CSS3的应用上,特别是在用户交互和表单处理方面。此压缩包提供了一个实现用户反馈表单提交时具有视觉特效的实例,这在网页...
表单元素通常会有一个`name`属性,供服务器获取输入值,而`id`属性则用于JavaScript访问元素。`<input type="submit">`和`<input type="reset">`分别是提交和重置按钮。 HTML与CSS的结合使用可以实现丰富的网页设计...
JQuery中的表单验证是前端开发中一个重要的环节,主要用于确保用户在提交表单时输入的数据符合预设的规则和格式。`jQuery Validate` 插件是实现这一功能的有力工具,它提供了一套便捷、可扩展的验证机制。下面将详细...
【jQuery金融借款单提交表单】是一个用于网页交互的实用代码资源,主要涉及jQuery库的使用,以及CSS和网页特效的实现。这个压缩包提供了一种高效、用户友好的方式来处理金融借款单的在线提交过程。以下是相关知识点...
2. 表单验证:在用户提交表单前,JavaScript可以检查数据的有效性和格式,提供即时反馈。 JavaScript的书写位置有三种: 1. 内嵌式:直接将JavaScript代码写在HTML文件中。 2. 外链式:将JavaScript代码放在独立的....
它提供了异步提交表单的能力,允许用户在不刷新页面的情况下与服务器进行数据交互,从而提高了应用的响应速度和用户体验。这个插件还支持JSON、XML等多种数据格式,使得数据传输更加灵活。 在使用表单插件`form`...
### JavaScript 学习笔记知识点概览 #### 一、JavaScript 的基本概念与运行方式 - **JavaScript** 是一种脚本语言,主要用于网页的交互性设计,由 Netscape 公司开发。 - **Java Applet** 是由 Sun Microsystems ...
这篇基础教程笔记主要涵盖了JavaScript的核心概念,包括对象、事件处理、DOM操作、函数、变量作用域、选择语句、循环、数组以及表单处理等。 1. **Ajax**:Ajax(Asynchronous JavaScript and XML)技术允许网页在...
DWR util.js 学习笔记整理 DWR util.js 是一个功能强大的 JavaScript 库,它提供了...Submission box 是一个用于提交表单的功能。 DWR util.js 提供了许多有用的函数,可以帮助开发者快速实现客户端页面的各种操作。
本示例主要探讨如何在JavaScript中实现防止表单重复提交的功能,并结合一个简单的登录页面实例来说明。 首先,我们需要理解基本的表单提交机制。当用户点击HTML表单中的提交按钮时,浏览器会发起一个HTTP请求,将...
本篇笔记将详细讲解Struts2中服务器端与客户端对表单数据的校验方式。 首先,Struts2提供了一系列内置的校验器,包括: 1. Irequired:检查字段是否为空,是必填项。 2. IIrequiredstring:验证字段是否为非空字符...
- 例如,在表单提交时防止默认的页面重定向行为。 以上是基于“JavaScript达内学习笔记”的详细知识点总结。这些内容涵盖了JavaScript的基础语法、数据类型、DOM操作等方面,对于初学者来说是非常有价值的参考资料...