首先,当元素失去焦点时发生模糊事件。



示例:jQuery模糊()方法

将函数添加到模糊事件中。当字段失去焦点时会发生模糊事件:




$(输入)。Blur(函数(){)
警报()这个输入字段丢失了焦点;
});



定义和用法

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

模糊()方法触发模糊事件,或指定在发生模糊事件时运行的函数。

提示:该方法经常与焦点()方法一起使用。

语法

触发选定元素的模糊事件:




$(选择器)Blur()


将函数添加到模糊事件中:




$(选择器)Blur(函数)



两。当输入框获得焦点时触发的事件。



示例:jQuery焦点()方法

将函数添加到焦点事件中。焦点字段在焦点得到时发生:




$(输入)。焦点(函数(){)
$()。Css()
});



定义和用法

当元素获得焦点(当鼠标单击所选元素或tab键位于元素时),焦点事件就会发生。

焦点()方法触发焦点事件,或者指定焦点事件发生时运行的函数。

提示:此方法通常与模糊()方法一起使用。

语法

触发选定元素的焦点事件:




$(选择器)。焦点()


将函数添加到焦点事件中:




$(选择器)。焦点(函数)



三。的KeyUp事件发生时,键盘上的键松动



例如:jQuery Keyup()方法

在键盘键松开时设置字段的背景颜色:




$(输入)。Keyup(function(){)
$(输入)。Css(背景颜色
});



定义和用法

与KeyUp事件相关的事件序列:

对keydown -过程按键
按键键被按下时
KeyUp键松开


的KeyUp事件发生时,键盘按键松开。

Keyup()方法会引发KeyUp事件,或指定一个函数运行时,KeyUp事件发生。

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

语法

的KeyUp事件触发选择的元素:




$(选择器)Keyup()。


添加功能的KeyUp事件:




$(选择器)。Keyup(功能)



四。表单提交时触发的事件

示例:jQuery提交()方法

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




$(窗体)。提交(函数(){)
警报(提交);
});



定义和用法

提交表单时,将发生提交事件。

此事件仅适用于元素。

提交()方法触发提交事件,或者指定一个在提交事件发生时运行的函数。

语法

触发选定元素的提交事件:




$(选择器)。



将函数添加到提交事件:




$(选择器)。提交(函数)


以上是jQuery表单验证中需要做的四件事。我希望您能认真学习,真正掌握jQuery表单验证的技巧。