jQuery 1.9 blur是一種事件,在輸入元素失去焦點時被觸發。以下是該事件的一些用法。
$('input').blur(function() { // 當輸入框失去焦點時執行的代碼 });
使用blur事件可以驗證用戶的輸入并對其進行格式化。例如,可以通過以下代碼限制輸入框只能輸入數字:
$('input').blur(function() { var inputVal = $(this).val(); if(isNaN(inputVal)) { $(this).val(''); } });
在上面的代碼中,“$(this)”指向失去焦點的輸入框,使用了JavaScript內置函數isNaN()來判斷輸入框的值是否為數字,如果不是數字,則清空輸入框。
除了驗證和格式化用戶輸入之外,blur事件還可以與ajax請求一起使用。例如,在一個登錄表單中,可以通過以下代碼在輸入框失去焦點時檢查用戶名是否已被占用:
$('input[type="text"]').blur(function() { var username = $(this).val(); $.ajax({ url: 'checkUsername.php', data: {username: username}, success: function(result) { if(result === 'taken') { alert('該用戶名已被占用!'); } } }); });
上述代碼將用戶輸入的用戶名通過ajax請求發送到服務器上的checkUsername.php文件進行驗證,如果該用戶名已被占用,則會彈出一個警告。