input输入限制（持续更新）

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1.只读文本框内容

<!--  在input里添加属性值 readonly  -->

<input type="text" value="" readonly>

2.只能输入数字(有闪动)

<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

3.只能输入英文和数字

<input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

4.只能输入数字和小数点后两位

<input type="text" onkeyup="clearNoNum(this)">

function clearNoNum(obj){

　　obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符

　　obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字而不是

　　obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的

　　obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");

　　obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
};

5.只能输入整数

function zhengShu(obj){

　　obj.value = obj.value.replace(/[^\d]/g,""); //清除"数字"和"."以外的字符

　　obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字而不是

}

6.限制文本框输入字数

<form name="form" action="" method="post">

　　<textarea class="editbox2" onkeydown="numPic(this.form.memo,this.form.remLen,10)" onkeyup="numPic(this.form.memo,this.form.remLen,10)" name="memo" cols="45" rows="8" wrap="on"></textarea>

　　<br>共可输入10字，还剩

　　<input class="editbox1" readOnly maxLength="3" size="3" value="10" name="remLen">字。

　　<br>

　　<input class="bottom" type="submit" value=" 提交 " name="submit">

　　<input class="bottom" type="reset" value=" 重置 " name="reset">

</form>

function numPic(field, countfield, maxlimit) {

　　if (field.value.length > maxlimit){

　　　　field.value = field.value.substring(0, maxlimit);

　　}else{

　　　　countfield.value = maxlimit - field.value.length;

　　}

};