jquery里正则的使用方法及常用的正则验证和实例

文章标签: jquery正则
  • :
  • 05-08 10:40
  • :
  • 79次
  • :
  • 0条
  • 1赞

简介本文是一篇关于jquery使用正则来验证输入,及一些常用验证规则的基础文章,适合新手。l

在jquery里,我们使用正则来验证用户的输入是非常简单的,本文站长和大家分享几个例子,大家就能明白如何在jquery里使用正则了:


假设我们的网页里有这样的一个表单:

<input id="aijquery" type="text">  
<button id="btn">验证</button>

1.验证用户输入的只能是英文和数字:

$("#btn").click(function(){  	
    var $aijquery=$("#aijquery");    
    if(!/^[a-z0-9]+$/ig.test($aijquery.val())){
        alert("只能数字和英文");
    }
});

2.验证用户输入只能为数字,并且如果是小数的话,最多只能是两位小数:

$("#btn").click(function(){  	
    var v=$("#aijquery").val();    
    if(!/^\d+(?:\.\d{0,2})?$/.test(v).test(v)){
        alert("只能为数字,并且如果是小数的话,最多只能是两位小数");
    }
});

3.验证电子邮箱:

$("#btn").click(function(){  	
    var v=$("#aijquery").val();    
    if(!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(v).test(v)){
        alert("请输入正确的电子邮箱");
    }
});

4.验证汉字:

$("#btn").click(function(){  	
    var v=$("#aijquery").val();    
    if(!/^[\u4e00-\u9fa5]+$/.test(v).test(v)){
        alert("请输入汉字");
    }
});

5.判断是否为整数,可以为0:

$("#btn").click(function(){  	
    var v=$("#aijquery").val();    
    if(!/^0$|^[1-9]\d*$/.test(v).test(v)){
        alert("请输入整数");
    }
});

本文上面所有的实例都可以在这里查看效果:jquery里常用正则的方法及演示



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-13 14:31:14