手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery表单验证需要做些什么
jquery表单验证需要做些什么
摘要:一、当元素失去焦点时发生blur事件。实例:jQueryblur()方法添加函数到blur事件。当字段失去焦点时发生blur事件:$("in...

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

实例:jQuery blur() 方法

添加函数到 blur 事件。当 <input> 字段失去焦点时发生 blur 事件:

$("input").blur(function(){ alert("This input field has lost its focus."); });

定义和用法

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

blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数。

提示:该方法常与 focus() 方法一起使用。

语法

为被选元素触发 blur 事件:

$(selector).blur()

添加函数到 blur 事件:

$(selector).blur(function)

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

实例:jQuery focus() 方法

添加函数到 focus 事件。当 <input> 字段获得焦点时发生 focus 事件:

$("input").focus(function(){ $("span").css("display","inline").fadeOut(2000); });

定义和用法

当元素获得焦点时(当通过鼠标点击选中元素或通过 tab 键定位到元素时),发生 focus 事件。

focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数。

提示:该方法通常与 blur() 方法一起使用。

语法

触发被选元素的 focus 事件:

$(selector).focus()

添加函数到 focus 事件:

$(selector).focus(function)

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

实例:jQuery keyup() 方法

当键盘键被松开时,设置 <input> 字段的背景颜色:

$("input").keyup(function(){ $("input").css("background-color","pink"); });

定义和用法

与 keyup 事件相关的事件顺序:

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

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

keyup() 方法触发 keyup 事件,或规定当发生 keyup 事件时运行的函数。

提示:请使用 event.which 属性来返回哪个键被按下。

语法

触发被选元素的 keyup 事件:

$(selector).keyup()

添加函数到 keyup 事件:

$(selector).keyup(function)

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

实例:jQuery submit() 方法

当提交表单时,显示警告框:

$("form").submit(function(){ alert("Submitted"); });

定义和用法

当提交表单时,会发生 submit 事件。

该事件只适用于 <form> 元素。

submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。

语法

触发被选元素的 submit 事件:

$(selector).submit()

添加函数到 submit 事件:

$(selector).submit(function)

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

【jquery表单验证需要做些什么】相关文章:

js验证上传图片的方法

jquery表单对象属性过滤选择器用法

AngularJS身份验证的方法

表单提交验证类

jQuery实现返回顶部功能

表单的一些基本用法与技巧

js实现发送验证码后的倒计时功能

超级强大的表单验证

jQuery 遍历函数详解

状态栏(status)特效

精品推荐
分类导航