jQuery Validation自定义验证规则

最新推荐文章于 2025-08-08 09:47:20 发布

一天不读书智商变成猪

最新推荐文章于 2025-08-08 09:47:20 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： js验证手机号验证密码验证正则表达式

本文链接：https://blog.youkuaiyun.com/u013008179/article/details/50676179

前端专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何在jQuery Validation插件中创建自定义验证规则，包括手机号和密码的验证，利用正则表达式进行复杂逻辑判断，提升前端表单验证的灵活性和安全性。


<script type="text/javascript">
/*
 * 手机号验证
 */
$.validationEngineLanguage.allRules.mobileTel = {
    "regex": /^1[3456789]\d{9}$/,
    "alertText": "请输入正确的11位手机号码"
};
/*
 * 验证密码 只能为 字母数字 下划线
 */

$.validationEngineLanguage.allRules.passWord = {
        "regex":/^[a-zA-Z0-9_]{6,16}$/,
        "alertText":"请输入6-16位字母数字或下划线"
};

    validationParam = {
            /* 屏幕自动滚动到第一个验证不通过的位置。*/        
            scroll:true,
            /*验证未通过时，是否给第一个不通过的控件获取焦点*/
            focusFirstField:true,
            /*一个被验证元素只显示一个验证信息*/
            showOneMessage:true,
            /*
            提示信息的位置，可设置为：'topRight', 'topLeft', 'bottomRight', 'bottomLeft', 'centerRight', 'centerLeft', 'inline'
                              可设置更具体的位置，格式为："方向: X偏移值, Y偏移值"。如：bottomLeft: -20, 5
            */
            promptPosition:"bottomLeft:0,-10",
            autoHidePrompt:true,
            autoHideDelay:3000,
            validateNonVisibleFields:true,
            fadeDuration:0.5,
            maxErrorsPerField:1
        };

$(function(){
        $("#FormId").validationEngine(validationParam);
});
</script>