整理常用的一些 关于input的正则

13 篇文章 0 订阅
2 篇文章 0 订阅

1、 不能输入数字 

        <input οnkeyup="value=value.replace(/[\d]/g,'') " type="text" />  
2、 只能输入数字
         <input οnkeyup="value=value.replace(/\D/g,'')" type="text" /> 
3、只能输入数字和英文的 
        <input οnkeyup="value=value.replace(/[\W]/g,'') " type="text" />
4、只能输入中文的 
        <input οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" type="text"/>
5、小数点后最多只能有两位数字(不能输入字母和运算符号) 
    <input οnkeypress="if((event.keyCode&lt;48 || event.keyCode&gt;57) &amp;&amp; event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false" type="text" /> 
6、 文本框只能输入数字代码(小数点也不能输入)
           <input οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
7、 input设置禁止输入空格
            <input type="text" οnkeyup="this.value=this.value.replace(/\s+/g,'')">
8、input 禁止输入特殊字符
    (1): 拿到value值以后 在你传递之前处理
    function stripscript(value) {  
       var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~!@#¥……&*()——|{}【】‘;:”“'。,、?]")   
    var rs = "";   
    for (var i = 0; i < value.length; i++) {  
        rs = rs+s.substr(i, 1).replace(pattern, '');   
    }   
    return rs;  
}  
(2):直接在控件上使用
        <input οnkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getDat    a('text').replace(/[^\d]/g,''))">  
9、输入大于0的正整数

  <input οnkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"onafterpaste="if(this.value.length==1{this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"> 
10、 限制是两位的小数
 <input type="text" name="price" id='price'  οnkeyup="if( ! /^\d*(?:\.\d{0,2})?$/.test(this.value)){alert('只能输入数字,小数点后只能保留两位');this.value='';}" />
原理:
通过 正则表达式判断,不满足 执行alert。
第一个正则表达式是 /^\d+$/ 表示可以是一个或者多个数字
第二个正则表达式是 /^\d*(?:\.\d{0,2})?$/
表示必须是数字开头,数字结尾。
这里重点是要数字结尾, 在计算机中通常小数 1. , 2. 这种写法, 就是可是小数点结尾的, 是正确的。这里强制让数字结尾。
test() 意思是:只要找到满足的部分就返回真。
/\d/.test('a') // false
/\d/.test('1a') // true
/\d/.test('a1') // true
所以要保证谁开头谁结尾。 开头用 $, 结尾用 ^
11、 js手机号码正则表达式
 function checkMobile(){ 
 var sMobile = document.mobileform.mobile.value 
 if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(sMobile))){ 
  alert("不是完整的11位手机号或者正确的手机号前七位"); 
  document.mobileform.mobile.focus(); 
  return false; 
 } 

12、 邮箱正则表达式 

 function checkPhone(str)  {  

       re = /^0\d{2,3}-?\d{7,8}$/;  
       if(re.test(str))  
       {  
          alert("正确!");  
       }else  
       {  
          alert("错误!");  
       }  
   }  



 
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值