JQuery Validate(1)---电话号码与邮箱验证

最新推荐文章于 2024-01-26 10:05:23 发布

provence_20

最新推荐文章于 2024-01-26 10:05:23 发布

阅读量968

点赞数

1、html文件

<div class="form-group">
    <label class="col-sm-2 control-label">联系手机</label>
    <div class="col-sm-4">
        <input v-bind:disabled="formInfo.state == 1" type="text" id="mobile" name="organizationAddParams.mobile" class="form-control" v-model="addData['organizationAddParams.mobile']" mobile="true" required="true">
    </div>
    <label class="col-sm-2 control-label">用户邮箱</label>
    <div class="col-sm-4">
        <input v-bind:disabled="formInfo.state == 1" type="text" id="email" name="organizationAddParams.email" class="form-control" v-model="addData['organizationAddParams.email']" email="true" required="true" rangelength="[1,100]">
    </div>
</div>
 
 1
2
3
4
5
6
7
8
9
10

2、脚本

$.validator.addMethod("mobile", function(value, element) {
    if(/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/.test(value) || /^1[34578][0-9]\d{8}$/.test(value)){
        return true;
    }
    return false;
}, "请输入固话或手机号码");