jQuery常用正则验证

jQuery常用正则验证  [转]

基础知识:
JS中创建正则对象的方式:
-使用RegExp()构造函数方式,如:var patten=new RegExp("s$");
-使用正则直接量方式,如:var patten=/s$/;
注意:就像字符串直接量被定义为包含在引号("")内的字符一样,正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符;斜杠外末尾可以加正则全局标识符。

验证文字输入个数
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
 function strLenCalc(obj, showMeg, maxlen) {
   var v = obj.val(), charlen = 0, curlen = maxlen, len = v.length;
   for(var i = 0; i < v.length; i++) {
     if(v.charCodeAt(i) < 0 || v.charCodeAt(i) > 255) {
             curlen -= 1;
         }
     }
   if(curlen >= len) {
         $("#"+showMeg).html("还可输入 <strong>"+Math.floor((curlen-len)/2)+"</strong> 个字").css(‘color‘, ‘‘);
         $("#subBtn").removeAttr("disabled");
     } else {
         $("#"+showMeg).html("已经超过 <strong>"+Math.ceil((len-curlen)/2)+"</strong> 个字").css(‘color‘, ‘#FF0000‘);
         $("#subBtn").attr("disabled", "disabled");
     }
 }
</script>
<textarea tabindex="11" onkeyup="strLenCalc($(this), ‘showMeg‘, 80);" value="" class="px" name="subject" id="subject"></textarea>
<span id="showMeg">还可输入 <strong>40</strong> 个汉字</span>
<input type="submit" id="subBtn" value="发布" />

验证是否是数字
<script type="text/javascript">
function boolNumeric(obj)
{
    var objValue=$(obj).val();
    if(!isNaN(objValue)){
        alert("是数字!");
    }
    else{
        alert("不是数字!")
    }
}
</script>

验证邮箱
<script type="text/javascript">
function verifyEmail(obj)
{
    var pattern =/^[a-zA-Z0-9_\-]{1,}@[a-zA-Z0-9_\-]{1,}\.[a-zA-Z0-9_\-.]{1,}$/;
    var objValue=$(obj).val();
    if(!pattern.test(objValue)){
        alert("邮箱格式错误!");
    }
}
</script>

验证电话号码(手机号,座机号)
<script type="text/javascript">
function verifyTelNumber(obj)
{
    var pattern_Mobile =/^(?:13\d|15\d)\d{5}(\d{3}|\*{3})$/; //手机格式,需改动
    var pattern_Phone=/^((0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/;
    var objValue=$(obj).val();
    if(!pattern_Mobile.test(objValue) || !pattern_Phone.test(objValue)){
        alert("请填写正确的电话号码,如:13755222222或0312-6666666");
    }
}
</script>
 
 转自:http://skybirdzw.blog.163.com/blog/static/725706262012482124880/
 
 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。