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

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 的点击事件

分享到:
评论

相关推荐

    js学习笔记-恶意代码识别

    恶意js代码学习笔记,恶意代码识别.IE在处理Javascript执行的过程中存在漏洞,攻击者可以利用此漏洞在用户机器上执行恶意代码。因为当前正在执行的Javascript存在一个机会窗口,以旧页面的权限对新加载页面的内容执行...

    html&css;&JavaScript;基础笔记

    HTML,CSS,JavaScript 本文是由笔者2011年学习HTML,CSS,JavaScript时编写的学习札记,内容来源于网络以及...input ttpye=“submit/image/reset/button....”value="提交"&gt; 8 Body体里面的标签——框架标记 12

    JavaScript 正则表达式(笔记)

    一:表单验证的实现思路 1. 获取表单元素的值,一般是string类型,包含数字,下划线。...3. 表单form有一个事件onsubmit,他是在提交之前调用的,因此可以在提交表单时触发,onsubmit事件,然后对获取的数据进行验证。

    表单结构与表单对象学习笔记

    二是用于处理用户在表单域中输入信息的服务器端应用程序或客户端脚本,如Asp、net、JSP、JavaScript 等。 二.基本语法: ... ... ... ... 1.单行文本输入框 基本语法: 当type==”text”时,表示该输入项的输入...

    HTML学习笔记(五)——表单

    过去,需要编写 JavaScript 以增强表单行为——例如,要求访问者提交表单之前必须填写某个字段。HTML5 通过引入新的表单元素、输入类型和属性,以及内置的对必填字段、电子邮件地址、URL 以及定制模式的验证,让这...

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

    非常实用的特效代码,可以完美运行,可以二次修改!

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

    最近项目在做一个登录页的时候,为了避免用户的多次重复点击登录按钮发送请求,所以我在点击了按钮发送请求后,将设置按钮变灰并禁用,倒计时一段时间后又可重复点击,具体实现如下,有需要的小伙伴可以参考一下。

    javascript学习手册合集

    JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的,只要你有创意。 本资源包括JAVASCRIPT入门篇,javascript学习手册,javascript学习笔记,...

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

    有兴趣刚需的可以自己下载,非常实用的代码,可以完美运行,有能力的还可以二次修改!

    disableautofill.js:禁用表单自动填充和自动完成功能

    在表单上添加属性autocomplete="off" 。 随机化属性name ,以防止Google Chrome浏览器记住您填写的内容。 笔记: [1]建议直接使用type="text" ,否则可能无法使用,具体取决于浏览器的版本和页面渲染速度。安装NPM ...

    PHP工作笔记.zip

    [三六例 PHP开发环境(Windows方式二)][三七例 PHP开发环境(Linux方式一)][三八例 PHP开发环境(Linux方式二)][三九例 PHP开发环境(Linux方式三)][四十例 Curl模拟表单提交][四一例 Smarty模板][四二例 加载规范例子]...

    html入门到放弃笔记

    1、提交用户请求 (UA : User Agent) 2、作为HTML 以及 脚本执行的 解释器 3、以图形化的方式显示web页面 2、主要浏览器产品 1、Microsoft Internet Explorer (IE) 2、Mozilla Firefox 3、Google Chrome 4、...

    Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定

    表单控件在实际业务较为常见,比如单选、多选、下拉选择、输入框等,用它们可以完成数据的录入、校验、提交等。 Vue.js提供了v-model指令,用于在表单类元素上双向绑定数据,例如在输入框上使用时,输入的内容会实时...

    JavaScript事件使用示例

    onload事件 ,onclick事件,onblur失去焦点事件,onsubmit表单提交事件的使用示例

    online-exam-template:这是基于React的在线考试模板。 计时器,自动提交,数学方程式

    (不要在未添加您自己的表单pree ID的情况下提交表单) 这个React应用程序是非常基础的,是作为实践ReactJS的一部分开发的。 应用程序不使用Redux / Redux Form / Formik等库。 应用程序不使用任何后端服务。 App...

    Front-end-base:前端学习笔记

    Front-end-base前端学习笔记功能篇用处:防止频繁提交表单,让单次事件多次触发设置时间管理员 timer,初始 timer 为 null,后面使用 clearTimeout 清空之前的内容(apply 是立即执行)。timer 就像一个水龙头,对...

    jQuery学习笔记之2个小技巧

    在javascript中,开发者通常会编写一些小函数来处理各种操作细节,例如在用户提交表单时,要将文本框最前端和最末端的空格内容清理掉。而javascript中没有类似trim()功能,在师院jQuery后,便可以使用trim()函数。 ...

    HelsinkiFullStack21_part0

    浏览器上的注释:form标记具有属性,因此在提交表单时,将其作为HTTP张贴到“ new_note” 浏览器到服务器:HTTP投递到'new_note' 服务器上的注释:服务器代码POST到阵列注释中,显示内容和日期 服务器-&gt;浏览器:...

    Java学习笔记-个人整理的

    \contentsline {chapter}{Contents}{2}{section*.1} {1}Java基础}{17}{chapter.1} {1.1}基本语法}{17}{section.1.1} {1.2}数字表达方式}{17}{section.1.2} {1.3}补码}{19}{section.1.3} {1.3.1}总结}{23}{...

Global site tag (gtag.js) - Google Analytics