jquery表单验证需要做些什么
一、当元素失去焦点时发生blur事件。
实例:jQueryblur()方法
添加函数到blur事件。当<input>字段失去焦点时发生blur事件:
$("input").blur(function(){ alert("Thisinputfieldhaslostitsfocus."); });
定义和用法
当元素失去焦点时发生blur事件。
blur()方法触发blur事件,或规定当发生blur事件时运行的函数。
提示:该方法常与focus()方法一起使用。
语法
为被选元素触发blur事件:
$(selector).blur()
添加函数到blur事件:
$(selector).blur(function)
二、当输入框获取焦点的时候,触发的事件。
实例:jQueryfocus()方法
添加函数到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事件
实例:jQuerykeyup()方法
当键盘键被松开时,设置<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
当提交表单时,显示警告框:
$("form").submit(function(){ alert("Submitted"); });
定义和用法
当提交表单时,会发生submit事件。
该事件只适用于<form>元素。
submit()方法触发submit事件,或规定当发生submit事件时运行的函数。
语法
触发被选元素的submit事件:
$(selector).submit()
添加函数到submit事件:
$(selector).submit(function)
以上就是jquery表单验证需要做的四件事情,希望大家仔细研究,真正掌握jquery表单验证的技巧。