在Web開發(fā)中,常常需要通過點擊按鈕來觸發(fā)某些操作。但有時候,需要在用戶輸入某些信息之前,禁止用戶點擊按鈕,以避免不必要的錯誤。這時候,我們可以使用jQuery來實現(xiàn)按鈕不能點擊的效果。
$(document).ready(function(){ $('button').prop('disabled', true); });
上述代碼表示,在頁面加載完成后,禁止所有按鈕的點擊,直到我們解除禁止的命令。
$('input[type="text"]').keyup(function(){ if($(this).val() != ''){ $('button').prop('disabled', false); } else{ $('button').prop('disabled', true); } });
上述代碼表示,當輸入框中有內(nèi)容時,啟用按鈕的點擊;當輸入框中沒有內(nèi)容時,禁用按鈕的點擊。
使用jQuery讓按鈕不能點擊,可以避免用戶操作不當所導(dǎo)致的錯誤,提升用戶體驗。