jQuery数字,手机号,邮箱校验

数字校验

验证input中填的内容全为数字,如果不是,则在旁边显示错误提示,代码如下:

verifyOrderNum:function(){
        $("#orderNum").blur(function(){
            var str = $("#orderNum").val();
            var order_no = $.trim(str);
            var reg = /^[0-9]*[1-9][0-9]*$/
            if(!reg.test(order_no)){
                if($("#orderErrorMessage").html() == null ){
                    $("#orderNumHint").after('<span id="orderErrorMessage" class="wrong" style="color: red;margin-left: 20px">填写内容必须为数字!</span>');
                }
                return false;
            } else{
               $("#orderErrorMessage").remove();
               return true;
            }
        });
    }

邮箱校验

 email=email.replace(/(^\s*)|(\s*$)/g, "");
 var verify=new RegExp(/^[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]*)*@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/);
  • 第一行代码的意思是去掉emailed中得空白符(包括空格,制表符等)
  • 第二行的解释:
    1. /^$/ 这个是个通用的格式。^ 匹配输入字符串的开始位置;$ 匹配输入字符串的结束位置
    2. 里面输入需要实现的功能。
      * 匹配前面的子表达式零次或多次;
      + 匹配前面的子表达式一次或多次;
      匹配前面的子表达式零次或一次;
      \d 匹配一个数字字符,等价于[0-9]

手机号校验

 mobile=mobile.replace(/(^\s*)|(\s*$)/g, "");
 var verify=new RegExp(/^1\d{10}$/);

复杂属性选择

jQuery 选择器,复杂属性选择,以及设置css示例:

$("dd[t='A5101']").attr("checked",true).css("display","none");
$("dd[t='A5102']").attr("checked",true).css("display","none");

你可能感兴趣的:(jquery,数字,手机,校验,邮箱)