我们都知道,禁用文本框有个很简单的方法,表单元素有特性是用来控制禁止使用的。
<input type="text" class="phone" disabled>
说实话这个自带属性并不美观吧。。。
当然 ,表单还有一个特性也可以控制它被禁用
<input type="text" class="phone" readonly>
比disabled美观多了,美观多了呀,可以自定义背景颜色的对吧
今天还要说一种简单的方法,当然自带属性可以解决的话,实在没必要这么做,除非有特殊需求的时候:
<input type="text" class="phone">
$('.phone').on('focus',function () {
$(this).blur();
});
这种方法是可以初始化不禁用,在特定条件下再使文本框禁用,表面上是和 readonly
效果一样的。