您当前的位置: 首页 > 前端教程 > HTML教程 > 用正则表达式限制文本框输入类型

用正则表达式限制文本框输入类型

作者:不详 来源:网络 发布时间: 2011-03-05 11:35 点击:
许多时候我们在制作表单时需要限制文本框输入内容的类型,下面我们用正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等各类代码。 1.文本框只能输入数字代码(小数点也不能输入) input onkeyup=this.value=this.value.replace(/\D/g,'') onafterpaste=this.v

用正则表达式限制文本框输入类型

  许多时候我们在制作表单时需要限制文本框输入内容的类型,下面我们用正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等各类代码。
  
  1.文本框只能输入数字代码(小数点也不能输入)
  
  <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
  
  2.只能输入数字,能输小数点.
  
  <input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
  
  <input name=txt1onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">
  
  3.数字和小数点方法二
  
  <input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">
  
  4.只能输入字母和汉字
  
  <input onkeyup="value=value.replace(/[\d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10name="Numbers">
  
  5.只能输入英文字母和数字,不能输入中文
  
  <input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
  
  6.只能输入数字和英文
  
  <input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">
  
  7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
  
  <input onKeyPress="if((event.keyCode<48||event.keyCode>57)&&event.keyCode!=46||/\.\d\d$/.test(value))event.returnValue=false">
  
  8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
  
  <input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">

分享到:
本文"用正则表达式限制文本框输入类型"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(1)
100%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4