jQuery中的blur()函數是DOM事件函數之一,它的作用是在用戶離開輸入框或其他表單元素時觸發。該函數通常用于驗證用戶的輸入信息是否正確,或者執行其他操作。
$(selector).blur(function(){ //在用戶離開輸入框或其他表單元素時執行的操作 });
在上面的代碼中,selector是要綁定該事件的元素選擇器,可以是輸入框、單選框、復選框等表單元素。
下面是一個實際的例子,我們使用blur()函數驗證用戶在登錄表單中輸入的用戶名和密碼是否為空:
$("#loginForm").submit(function(){ var username = $("#username").val(); var password = $("#password").val(); if(username.trim() == "") { alert("請輸入用戶名"); $("#username").focus(); return false; } if(password.trim() == "") { alert("請輸入密碼"); $("#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()函數監聽表單的提交事件,并在其中驗證用戶名和密碼是否為空。如果其中任意一個為空,就阻止表單的提交并提示用戶。另外,我們也監聽了輸入框的blur()事件,如果用戶在輸入框中輸入的內容為空,就給該輸入框添加.error類,并顯示下方的錯誤提示。
上一篇mysql中一天的時間戳
下一篇jquery check