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>