后端管理菜单中的JS/JQuery表单验证

时间:2012-07-12 作者:danbrown

我正在构建一个插件来管理课程信息,并且正在努力将表单验证放在我添加的新元框上。

有没有人能很好地将JS/JQuery验证放在管理菜单上?

谢谢

1 个回复
最合适的回答,由SO网友:danbrown 整理而成

好了,开始工作了。我在网上找不到任何关于这方面的信息,除了一个人的页面,这确实有效,但并不是我想要的那么好的解决方案。我研究了主要插件的工作方式,只发现了一些不直观的自定义JS方式。

总之,成功了,我最终使用JQuery库实现了它。我将脚本放在页脚中,因为我需要针对特定页面:

add_action(\'admin_footer\', \'cpd_validator\', 999);

function cpd_validator(){

    global $post;
    if($post->post_type == \'courses\' || $post->post_type == \'presentations\'){

        // page specific validation here...
        wp_enqueue_script(\'form_validation\', plugins_url(\'form-validation/jquery.validate.min.js\', __FILE__));
        wp_enqueue_script(\'calibrate\', plugins_url(\'form-validation/calibrate.js\', __FILE__));
    }
}
jquery。验证最小js为here. 校准脚本如下所示:

jQuery(function(){

    // Initialise the validator
jQuery(\'#post\').validate();

    // Add the rules to the classname hooks
jQuery.validator.addClassRules({
    max_100: {
         maxlength: 100
    },
    max_4000: {
        maxlength: 4000
    },
    number: {
        number: true
    }

});
然后我将我定义的类添加到元框中的实际表单元素中:

<label for="subject">Subject: </label>
<input type="text" class="max_100" value="<?php echo $subject; ?>" name="subject" id="subject" >
这确实奏效了:)

结束

相关推荐

Profile Field In Admin Bar

我在用户配置文件中添加了一个名为“当前状态”的字段,用户在其中填写自己的信息,如电子邮件、网站等。如何使此字段仅显示给作者,并将其显示在管理员/作者栏中,以便他们无需进入配置文件区域即可进行更新?提前感谢!