手机号码及汉字验证

正则表达式是表单验证中比较常用的，经常出现在用户名，密码，手机等等。。。

首先你要找那种验证的话，全部可以在度娘那里找到，再按以下方式可以处理：

<div class="row margin-top-sm1">
    <div class="col-sm-3 text-right" >用户姓名</div>
    <div class="col-sm-9">
        <input type="text" placeholder="请输入用户姓名" id="user_name">
    </div>
</div>
<div class="row">
    <div class="col-sm-9 col-sm-offset-3 user_name_error"></div>
</div>
<div class="row margin-top-sm1">
    <div class="col-sm-3 text-right">联系手机</div>
    <div class="col-sm-8">
        <input type="text" placeholder="请输入联系手机号码" id="user_phone">
    </div>
</div>
<div class="row">
    <div class="col-sm-9 col-sm-offset-3 user_phone_error"></div>
</div>

 

其中的#main_index是其父元素的id

$('#main_index').on('blur','#user_phone',function(){
    var phone=$(this).val();
    var pattern = /^1[34578]\d{9}$/;
    if(!(pattern.test(phone))){
        this.value="";
        $('.user_phone_error').html("请输入有效的手机号码").css('color','red');
        return false;
    } else{
        $('.user_phone_error').html("");
    }
}).on('blur','#user_name',function () {
    var name=$(this).val();
    var pattern=/^[\u4e00-\u9fa5]{2,6}$/;
    if(!(pattern.test(name))){
        this.value="";
        $('.user_name_error').html("请输入2-6个汉字").css('color','red');
        return false;
    }else{
        $('.user_name_error').html("");
    }
})