jQuery Validate自定义错误信息,自定义方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery Validate</title>
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <form action="add" id="signupForm">
        <input type="text" name="test" data-rule-required="true" data-msg-maxlength="必须输入">
        <input type="text" name="username" data-rule-af="a,f" data-msg-af="必须是a-f">
        <button type="submit" class="btn green"></i>&nbsp;提交</button>
    </form>
    <script>
        // 自定义方法
        $().ready(function() {
            $("#signupForm").validate({
                submitHandler:function(form){
                    // alert("submitted");   
                    form.submit();
                }, 
                debug:true,
            });
        });
        $.validator.addMethod("af",function(value,element,params){  
            if(value.length>1){
                return false;
            }
            if(value>=params[0] && value<=params[1]){
                return true;
            }else{
                return false;
            }
        },"必须是一个字母,且a-f");
    </script>

</body>
</html>

猜你喜欢

转载自www.cnblogs.com/wangzhaobo/p/9143614.html