jQuery验证插件无法在WordPress中运行

时间:2013-06-10 02:31:50

标签: jquery wordpress forms jquery-validate

我希望实现jQuery validate插件以在WordPress中验证我的自定义表单,但验证不起作用,尽管有错误,表单仍然提交。

这是我正确完成的事情:

  1. jQuery在顶部被正确调用。
  2. 验证插件位于页脚中,也可以正常调用。
  3. HTML表单元素都可以,我已经检查了所有“名称”值。
  4. 验证脚本是我认为问题所在:

    <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 个答案:

答案 0 :(得分:3)

您对验证方法的key是错误的

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."
        }
    }) 

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