javascript - 插件 Jquery Validation 的错误信息没有正确显示

Question

我的代码中有自定义方法 Jquery vAlidation。

这是我的代码

jQuery.validator.addMethod("number_space", function(value, element) {
        return this.optional(element) || /^\d{8,}$/.test(value.replace(/\s/g, ''));
        }, "Hanya angka dan spasi yang diperbolehkan");


            jQuery("#quesioner_form").validate({
                errorElement: 'label',
                rules: {
                    responden_phone: {
                        required: true,
                        number_space:true,
                        minlength: 6
                    },                          

                },
                messages: {
                    responden_phone: {
                        required: "Harap isi nomer telepon anda",
                        number_space: "Hanya angka dan spasi yang diperbolehkan",
                        minlength: "Minimal 6 karakter"
                    },
            });

更新:通过 http://jsfiddle.net/ykgfy53d/

上面的代码，“responden_phone”允许数字和空格，并且必须最小长度为 6 个字符。但是当它运行时，错误消息不会正确显示。当我输入 valid number and space 和 not minlengt 6 时，“Hanya angka dan spasi yang diperbolehkan”的错误不会隐藏，直到长度超过 5。正确的逻辑是有效数字和空格并且不是minlengt 6，显示“Minimal 6 karakter”错误。如何解决？对不起我的英语

Answer 1

有两件事会阻止您的代码按预期工作:

1. 您的正则表达式不正确 - 使用 /^[\d ]{8,}$/，意思是 - 至少 8 个字符，可以是数字或空格
2. 您在测试前从字符串中去除空格

我已经 modified your example按照您的预期工作。

为了引用，我改变了这个:

return this.optional(element) || /^\d{8,}$/.test(value.replace(/\s/g, ''));

收件人:

return this.optional(element) || /^[\d ]{8,}$/.test(value);