jQuery的disable方法是用來禁用表單元素的。當(dāng)該方法被調(diào)用后,表單元素將不再可用,無法被用戶交互。
在jQuery中,使用disable()方法來禁用表單元素。下面是一個禁用按鈕的例子:
$('button').click(function() { $(this).prop('disabled', true); });
上述代碼會給文檔中的所有按鈕添加一個點(diǎn)擊事件,當(dāng)某個按鈕被點(diǎn)擊時,該按鈕的disabled屬性將被設(shè)置為true,而這個按鈕也就被禁用了。通過prop()方法來設(shè)置disabled屬性是一種推薦的做法,因?yàn)樗軌虼_保代碼在所有瀏覽器中的通用性。
除了按鈕,我們還可以禁用其他表單元素,包括input、textarea、select等。下面是一個禁用input元素的例子:
$('input').prop('disabled', true);
上述代碼會將文檔中所有的input元素禁用。
需要注意的是,禁用表單元素不會將其值傳遞給服務(wù)器。如果需要傳遞某個被禁用的表單元素的值,可以在表單提交前,將其重新啟用。
另外,需要避免過度使用禁用表單元素的功能,因?yàn)檫@會破壞用戶體驗(yàn)。盡量將禁用表單元素的使用降到最低。