jQuery-validate自定义检验规则,验证不能输入空格

1、自定义一个验证规则——不能输入空格

addMethod这个方法有三个参数:
第一个参数表示验证规则名称.

第二个参数是真正的验证主体,它是一个函数,函数的第一个value表示调用这个验证规则的表单的值,第二个element可以用来判断是否为空。

第三个参数是返回的错误提示。

$(function () {
        $.validator.addMethod("checkEnter", function (value, element) {
            //验证输用户入不能为空格
            if (value.indexOf(" ") != -1) {
                return false;
            } else {
                return true;
            }
        }, "不能输入空格");
    })

2、使用:使用方式同jQuery-validate默认检验规则

function validform() {
            return $("#form").validate({
                rules: {
                    username: {required: true, checkEnter: true},
                    password: {required: true, checkEnter: true},
                    yzm: {required: true, rangelength: [4, 4]}
                },
                messages: {
                    username: {required: "用户名不能为空"},
                    password: {required: "密码不能为空"},
                    yzm: {required: "请输入验证码", rangelength: "请输入4位有效字符"}
                }
            });
        }

版权声明:本文为weixin_49702090原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。