jQuery 验证插件在 WordPress 中不起作用

Posted 2023-05-09

【中文标题】jQuery 验证插件在 WordPress 中不起作用

【英文标题】：jQuery validate plugin not working in WordPress

【发布时间】：2013-06-05 15:40:19

【问题描述】：

我正在寻找实现 jQuery 验证插件来验证我在 WordPress 中的自定义表单，但验证不起作用，尽管出现错误，表单仍被提交。

这是我正确的做法：

jQuery 已在顶部正确调用。 验证插件位于页脚中，并且也被正确调用。 html 表单元素一切正常，我已经三次检查了我所有的“名称”值。

验证脚本是我认为问题所在：

<script type="text/javascript">
    jQuery(document).ready(function($) 

        $('#wpcf7_298').validate(
            rules: 
                wordsno: 
                    required: true,
                    digits: true
                ,

                dynamictext-419: 
                    required: true,
                    email: true
                ,

                select-box: 
                    required: true,

                
            ,

            messages: 
                wordsno: "Please fill the field",
                dynamictext-419: "Please enter a valid email address.",
                select-box: "Please choose your order type."
            
        )          

        $('#sbbutton').click(function() 
        $("#wpcf7_298").valid(););

        );

</script>

【问题讨论】：

控制台中的任何错误

【参考方案1】：

您对验证方法的keys 错误

jQuery(document).ready(function($) 

    $('#wpcf7_298').validate(
        rules: 
            wordsno: 
                required: true,
                digits: true
            ,

            'dynamictext-419': 
                required: true,
                email: true
            ,

            'select-box': 
                required: true,

            
        ,

        messages: 
            wordsno: "Please fill the field",
            'dynamictext-419': "Please enter a valid email address.",
            'select-box': "Please choose your order type."
        
    ) 

在对象中，具有非字母数字值的键（如 -）必须用单引号/双引号括起来。