2014-07-18 46 views
2

是否有一種簡單的Javascript或JQuery方式來禁用文本框而無需使用禁用的屬性?禁用文本框而不使用禁用

我們使用Handlebar.js,當找到禁用的字段時,它會在字段序列化時跳過字段,所以我們不能使用disabled屬性。有沒有辦法讓文本框不可編輯?也許有一個焦點或模糊?

+3

你可以使用Readonly嗎? –

+0

我現在將只讀測試。謝謝 – cdub

+0

閱讀更多關於http://stackoverflow.com/questions/2458595/disable-a-textbox-using-css – sajid

回答

4

使用readonly屬性改爲:

$('#textBox').prop('readonly', true); 

使用.attr()而不是.prop()如果你正在使用jQuery < 1.9

+0

只讀工作在ie 8和9? – cdub

+0

當然!作爲「禁用」,它是[HTML規範](http://www.w3.org/TR/html401/interact/forms.html#h-17.12)的一部分。 – zessx

+0

是的,只是雙重檢查你知道IE瀏覽器 – cdub

1
document.forms['formName']['inputName'].readOnly = true; 
0

直接添加 「只讀」 屬性到像這樣的輸入元素

Name: <input type="text" value="editing me is disabled" readonly>

它的作品像魅力。沒有必要爲此使用jQuery。