2014-07-18 14 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。