jQuery中的blur()函數(shù)是DOM事件函數(shù)之一,它的作用是在用戶離開輸入框或其他表單元素時(shí)觸發(fā)。該函數(shù)通常用于驗(yàn)證用戶的輸入信息是否正確,或者執(zhí)行其他操作。
$(selector).blur(function(){ //在用戶離開輸入框或其他表單元素時(shí)執(zhí)行的操作 });
在上面的代碼中,selector是要綁定該事件的元素選擇器,可以是輸入框、單選框、復(fù)選框等表單元素。
下面是一個(gè)實(shí)際的例子,我們使用blur()函數(shù)驗(yàn)證用戶在登錄表單中輸入的用戶名和密碼是否為空:
$("#loginForm").submit(function(){ var username = $("#username").val(); var password = $("#password").val(); if(username.trim() == "") { alert("請(qǐng)輸入用戶名"); $("#username").focus(); return false; } if(password.trim() == "") { alert("請(qǐng)輸入密碼"); $("#password").focus(); return false; } }); $("#username,#password").blur(function(){ if($(this).val().trim() == "") { $(this).addClass("error"); $(this).next().fadeIn(); } else { $(this).removeClass("error"); $(this).next().fadeOut(); } });
在上面的代碼中,我們使用submit()函數(shù)監(jiān)聽表單的提交事件,并在其中驗(yàn)證用戶名和密碼是否為空。如果其中任意一個(gè)為空,就阻止表單的提交并提示用戶。另外,我們也監(jiān)聽了輸入框的blur()事件,如果用戶在輸入框中輸入的內(nèi)容為空,就給該輸入框添加.error類,并顯示下方的錯(cuò)誤提示。