Jquery 验证显示成功消息

Question

我想验证一个字符串并显示一个成功的消息，如果它的验证很好，我有这个：

$(document).ready(()=>{
    console.log("Pagina cargada...");
    jQuery.validator.addMethod('testWord', function (value, element) {
        var validator = this;
        console.log("Value ---> "+/^(El\s|La\s|L')\w+\sés\s\w+/.test(value))
        var res = /^(El\s|La\s|L')\w+\sés\s\w+/.test(value)
        if(res){
            console.log("in if")
            var errors = {};
            errors[element.name] =  "ok";
            validator.showErrors(errors);
            return false
        }else{
            console.log("in else")
            var errors = {};
            errors[element.name] =  "not ok";
            validator.showErrors(errors);
            return false
        }
    });
    $('form[id="second_form"]').validate({
        rules: {
          test: {
                required: true,
                testWord: true,
            }
        }
      });
    
})

而且它不起作用，它没有显示消息。 这是我用来测试的词：

• 好词：El Joan és simpàtic
• 坏词：Mama no esta aqui，esta feura。

我在这里放一张截图：

• 在此处输入图像描述

• 在此处输入图像描述

Answer 1

这是因为您的表单输入没有name="test"还有另一个问题，该方法总是返回 false。

 $(document).ready(() => { console.log("Pagina cargada..."); jQuery.validator.addMethod('testWord', function(value, element) { var validator = this; console.log("Value ---> " + /^(El\s|La\s|L')\w+\sés\s\w+/.test(value)) var res = /^(El\s|La\s|L')\w+\sés\s\w+/.test(value) if (res) { console.log("in if") var errors = {}; errors[element.name] = "ok"; validator.showErrors(errors); return true; // <== originally return "false" } else { console.log("in else") var errors = {}; errors[element.name] = "not ok"; validator.showErrors(errors); return false } }, "bad input"); $('#second_form').validate({ rules: { test: { required: true, testWord: true, } } }); })

 <form id="second_form"> <input name="test" type="text"> </form> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>