禁止文本框的输入的步骤
解决思路:
在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。具体步骤:
方法一:设置readonly属性为true。 <inputtype="text"value="readonly"readonly> 方法二:设置disabled属性为true。 <inputtype="text"value="disabled"disabled> 方法三:在对象focus时立刻让它blur,使它无法获得焦点。 <inputtype="text"value="onfocus=this.blur()"onfocus="this.blur()"> 提示:readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。 特别提示 代码运行效果如图1.4.16所示。
图1.4.16禁止输入的文本框
特别说明
本例需要了解readonly和disabled属性的用法,两属性的区别见第三部分问题43。需要掌握的一个技巧是如何让对象得不到焦点,主是要下面的事件或方法的应用: onfocus当对象获得焦点时触发。 focus使对象得到焦点。 onblur在对象失去输入焦点时触发。 blur模糊对象的内容以便使其看起来失去焦点。
用javascript如何禁止文本框的输入
function IsNum(num)
{ var number="0123456789"; for(i=0;i<num.length;i++) { for(j=0;j<10;j++) if (num.charAt(i)==number.charAt(j)) break; if (j>=10) return (false); } return (true); } function check(val) { if(!IsNum(val)) { alert("input must be number!"); return; } if( (val <1) ||(val >35) ) { alert("input should between 1-35!"); return; } } <input type=text onchange="check(this.value)">