码迷,mamicode.com
首页 > 其他好文 > 详细

input输入限制(持续更新)

时间:2017-05-05 12:51:05      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:mit   添加   res   bsp   shu   str   整数   this   第一个   

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;
  }
};

 

input输入限制(持续更新)

标签:mit   添加   res   bsp   shu   str   整数   this   第一个   

原文地址:http://www.cnblogs.com/lvyueyang/p/6812246.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!