一、當元素失去焦點時發(fā)生blur 事件。
實例:jQuery blur() 方法
添加函數(shù)到 blur 事件。當 <input> 字段失去焦點時發(fā)生 blur 事件:
$("input").blur(function(){alert("This input field has lost its focus.");});定義和用法
當元素失去焦點時發(fā)生 blur 事件。
blur() 方法觸發(fā) blur 事件,或規(guī)定當發(fā)生 blur 事件時運行的函數(shù)。
提示:該方法常與 focus() 方法一起使用。
語法
為被選元素觸發(fā) blur 事件:
$(selector).blur()
添加函數(shù)到 blur 事件:
$(selector).blur(function)
二、當輸入框獲取焦點的時候,觸發(fā)的事件。
實例:jQuery focus() 方法
添加函數(shù)到 focus 事件。當 <input> 字段獲得焦點時發(fā)生 focus 事件:
$("input").focus(function(){$("span").css("display","inline").fadeOut(2000);});定義和用法
當元素獲得焦點時(當通過鼠標點擊選中元素或通過 tab 鍵定位到元素時),發(fā)生 focus 事件。
focus() 方法觸發(fā) focus 事件,或規(guī)定當發(fā)生 focus 事件時運行的函數(shù)。
提示:該方法通常與 blur() 方法一起使用。
語法
觸發(fā)被選元素的 focus 事件:
$(selector).focus()
添加函數(shù)到 focus 事件:
$(selector).focus(function)
三、當鍵盤鍵被松開時發(fā)生keyup 事件
實例:jQuery keyup() 方法
當鍵盤鍵被松開時,設(shè)置 <input> 字段的背景顏色:
$("input").keyup(function(){$("input").css("background-color","pink");});定義和用法
與 keyup 事件相關(guān)的事件順序:
當鍵盤鍵被松開時發(fā)生 keyup 事件。
keyup() 方法觸發(fā) keyup 事件,或規(guī)定當發(fā)生 keyup 事件時運行的函數(shù)。
提示:請使用 event.which 屬性來返回哪個鍵被按下。
語法
觸發(fā)被選元素的 keyup 事件:
$(selector).keyup()
添加函數(shù)到 keyup 事件:
$(selector).keyup(function)
四、當表單提交的時候觸發(fā)的事件
實例:jQuery submit() 方法
當提交表單時,顯示警告框:
$("form").submit(function(){alert("Submitted");});定義和用法
當提交表單時,會發(fā)生 submit 事件。
該事件只適用于 <form> 元素。
submit() 方法觸發(fā) submit 事件,或規(guī)定當發(fā)生 submit 事件時運行的函數(shù)。
語法
觸發(fā)被選元素的 submit 事件:
$(selector).submit()
添加函數(shù)到 submit 事件:
$(selector).submit(function)
以上就是jquery表單驗證需要做的四件事情,希望大家仔細研究,真正掌握jquery表單驗證的技巧。
新聞熱點
疑難解答