Home > Web Front-end > JS Tutorial > jquery表单验证需要做些什么_jquery

jquery表单验证需要做些什么_jquery

WBOY
Release: 2016-05-16 15:31:55
Original
1875 people have browsed it

一、当元素失去焦点时发生blur 事件。

实例:jQuery blur() 方法
添加函数到 blur 事件。当 字段失去焦点时发生 blur 事件:

1

2

3

$("input").blur(function(){

alert("This input field has lost its focus.");

});

Copy after login

定义和用法
当元素失去焦点时发生 blur 事件。
blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数。
提示:该方法常与 focus() 方法一起使用。
语法
为被选元素触发 blur 事件:

1

$(selector).blur()

Copy after login

添加函数到 blur 事件:

1

$(selector).blur(function)

Copy after login

二、当输入框获取焦点的时候,触发的事件。

实例:jQuery focus() 方法
添加函数到 focus 事件。当 字段获得焦点时发生 focus 事件:

1

2

3

$("input").focus(function(){

$("span").css("display","inline").fadeOut(2000);

});

Copy after login

定义和用法
当元素获得焦点时(当通过鼠标点击选中元素或通过 tab 键定位到元素时),发生 focus 事件。
focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数。
提示:该方法通常与 blur() 方法一起使用。
语法
触发被选元素的 focus 事件:

1

$(selector).focus()

Copy after login

添加函数到 focus 事件:

1

$(selector).focus(function)

Copy after login

三、当键盘键被松开时发生keyup 事件

实例:jQuery keyup() 方法
当键盘键被松开时,设置 字段的背景颜色:

1

2

3

$("input").keyup(function(){

$("input").css("background-color","pink");

});

Copy after login

定义和用法
与 keyup 事件相关的事件顺序:

  • keydown - 键按下的过程
  • keypress - 键被按下
  • keyup - 键被松开

当键盘键被松开时发生 keyup 事件。
keyup() 方法触发 keyup 事件,或规定当发生 keyup 事件时运行的函数。
提示:请使用 event.which 属性来返回哪个键被按下。
语法
触发被选元素的 keyup 事件:

1

$(selector).keyup()

Copy after login

添加函数到 keyup 事件:

1

$(selector).keyup(function)

Copy after login

四、当表单提交的时候触发的事件

实例:jQuery submit() 方法
当提交表单时,显示警告框:

1

2

3

$("form").submit(function(){

alert("Submitted");

});

Copy after login

定义和用法
当提交表单时,会发生 submit 事件。
该事件只适用于

元素。
submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。
语法
触发被选元素的 submit 事件:

1

$(selector).submit()

Copy after login

添加函数到 submit 事件:

1

$(selector).submit(function)

Copy after login

以上就是jquery表单验证需要做的四件事情,希望大家仔细研究,真正掌握jquery表单验证的技巧。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template