`
Lstoryc
  • 浏览: 78218 次
文章分类
社区版块
存档分类
最新评论

JS 提交表单笔记

 
阅读更多
$("#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">&times;</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">&nbsp;&nbsp;&nbsp;&nbsp;Login&nbsp;&nbsp;&nbsp;&nbsp;</button>
</form> 

   这两个的区别就是 一个会执行form表单的默认提交方式,比如验证文本域 required 什么的。。。

    第一个就是监控你是否有按 button 的点击事件

分享到:
评论

相关推荐

    AngularJS 学习笔记(表单验证篇)

    这提高了用户体验,因为用户无需提交表单就能看到错误。 9. **响应式验证**: AngularJS允许根据表单的其他字段状态改变验证规则。例如,只有当一个复选框被选中时,与其相关的必填字段才需要验证。 10. **`...

    SSH笔记-数据验证、上传下载、避免表单重复提交、自定义拦截器

    另一种方法是在表单提交后禁用提交按钮,或者使用JavaScript监听提交事件,阻止额外的提交请求。 最后,自定义拦截器是Struts2的一个强大特性,它允许开发者在Action执行前后插入自定义的逻辑。拦截器可以用来实现...

    JQuery笔记(表单验证).

    另外,我们还可以定制错误消息的显示方式,例如将错误消息放置在相应字段旁边,而不是默认的跟随提交按钮: ```javascript $("#signupForm").validate({ errorPlacement: function(error, element) { error....

    JS用户反馈表单提交代码.zip

    【标题】"JS用户反馈表单提交代码.zip" 涉及的知识点主要集中在JavaScript、jQuery和CSS特效上,这些都是构建交互式网页的关键技术。在实际应用中,开发者经常使用这些技术来创建用户友好的反馈表单,提高用户体验。...

    JS常用函数(笔记)

    - `submit()`: 提交表单。 - `location.reload()`: 刷新当前页面。 - `navigator`对象: 用于获取浏览器的相关信息,如名称、版本等。 这些只是JS常用函数的一部分,实际上JS的功能远不止这些,它还包括DOM操作、...

    传智播客JS笔记

    6. **事件和DOM操作**:JavaScript可以与HTML文档交互,通过事件监听改变用户行为,如点击按钮或提交表单。DOM(Document Object Model)是HTML和XML文档的结构化表示,允许通过JavaScript来修改网页内容。 7. **...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    * 表单可以使用JavaScript来实现数据的提交 该资源涵盖了JavaScript的基础知识点,包括基本概念、函数、对象、时间对象、文字对象、图片应用和表单应用等内容。这些建议知识点可以帮助开发者快速掌握JavaScript的...

    js+css3用户反馈表单提交特效.zip

    【标题】"js+css3用户反馈表单提交特效.zip"所包含的知识点主要集中在JavaScript(js)和CSS3的应用上,特别是在用户交互和表单处理方面。此压缩包提供了一个实现用户反馈表单提交时具有视觉特效的实例,这在网页...

    HTML CSS Javascript经典笔记

    表单元素通常会有一个`name`属性,供服务器获取输入值,而`id`属性则用于JavaScript访问元素。`&lt;input type="submit"&gt;`和`&lt;input type="reset"&gt;`分别是提交和重置按钮。 HTML与CSS的结合使用可以实现丰富的网页设计...

    JQuery笔记(表单验证)

    JQuery中的表单验证是前端开发中一个重要的环节,主要用于确保用户在提交表单时输入的数据符合预设的规则和格式。`jQuery Validate` 插件是实现这一功能的有力工具,它提供了一套便捷、可扩展的验证机制。下面将详细...

    jQuery金融借款单提交表单.rar

    【jQuery金融借款单提交表单】是一个用于网页交互的实用代码资源,主要涉及jQuery库的使用,以及CSS和网页特效的实现。这个压缩包提供了一种高效、用户友好的方式来处理金融借款单的在线提交过程。以下是相关知识点...

    javaScript学习笔记总结.docx

    2. 表单验证:在用户提交表单前,JavaScript可以检查数据的有效性和格式,提供即时反馈。 JavaScript的书写位置有三种: 1. 内嵌式:直接将JavaScript代码写在HTML文件中。 2. 外链式:将JavaScript代码放在独立的....

    jQuery常用插件之表单插件form使用笔记

    它提供了异步提交表单的能力,允许用户在不刷新页面的情况下与服务器进行数据交互,从而提高了应用的响应速度和用户体验。这个插件还支持JSON、XML等多种数据格式,使得数据传输更加灵活。 在使用表单插件`form`...

    javascript学习笔记

    ### JavaScript 学习笔记知识点概览 #### 一、JavaScript 的基本概念与运行方式 - **JavaScript** 是一种脚本语言,主要用于网页的交互性设计,由 Netscape 公司开发。 - **Java Applet** 是由 Sun Microsystems ...

    JavaScript基础教程笔记

    这篇基础教程笔记主要涵盖了JavaScript的核心概念,包括对象、事件处理、DOM操作、函数、变量作用域、选择语句、循环、数组以及表单处理等。 1. **Ajax**:Ajax(Asynchronous JavaScript and XML)技术允许网页在...

    DWR util.js 学习笔记 整理

    DWR util.js 学习笔记整理 DWR util.js 是一个功能强大的 JavaScript 库,它提供了...Submission box 是一个用于提交表单的功能。 DWR util.js 提供了许多有用的函数,可以帮助开发者快速实现客户端页面的各种操作。

    JavaScript防止表单重复提交代码,指定时间内禁止重复点击.zip

    本示例主要探讨如何在JavaScript中实现防止表单重复提交的功能,并结合一个简单的登录页面实例来说明。 首先,我们需要理解基本的表单提交机制。当用户点击HTML表单中的提交按钮时,浏览器会发起一个HTTP请求,将...

    struts2笔记之校验表单信息

    本篇笔记将详细讲解Struts2中服务器端与客户端对表单数据的校验方式。 首先,Struts2提供了一系列内置的校验器,包括: 1. Irequired:检查字段是否为空,是必填项。 2. IIrequiredstring:验证字段是否为非空字符...

    JavaScript达内学习笔记

    - 例如,在表单提交时防止默认的页面重定向行为。 以上是基于“JavaScript达内学习笔记”的详细知识点总结。这些内容涵盖了JavaScript的基础语法、数据类型、DOM操作等方面,对于初学者来说是非常有价值的参考资料...

Global site tag (gtag.js) - Google Analytics