Question

我在评论后使用自定义页面模板并包含jQuery Validation Engine插件，代码如下

<?php get_header(); ?>
<?php //Template Name:test ?>
<div class="wrap">

<!-- Slider -->
<?php AwesomeSlider(); ?>

<?php
    $titleType    = get_post_meta(get_the_ID(), 'intro_type', true);
    $pageTitle    = '';
    $pageDesc     = '';

    switch ($titleType) {
        case "2":
            $pageTitle    = get_post_meta(get_the_ID(), 'intro_title', true);
            break;
        case "3":
        {
            $pageTitle    = get_post_meta(get_the_ID(), 'intro_title', true);
            $pageDesc     = get_post_meta(get_the_ID(), 'intro_desc', true);
            break;
        }
        default:
            $pageTitle = get_the_title();
            break;
    }
?>
    <!--Intro-->
    <?php if($titleType != '4'){ ?>
    <div id="wrap_intro" >
        <div class="container">
            <div class="intro">
                <h1><?php echo $pageTitle; ?></h1>
                <h3><?php echo $pageDesc; ?></h3>
            </div>
        </div>
    </div>
    <?php } ?>
    <!--Content-->
    <div id="wrap_main" >
        <div class="top_left"></div>
        <div id="main" class="container">
            <!--Content Row-->
        <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/validationEngine.jquery.css" type="text/css"/>
        <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/languages/jquery.validationEngine-en.js"></script>    
        <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.8.2.min.js"></script>    
        <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.validationEngine.js"></script> 
    <script>
        jQuery(document).ready(function(){
            jQuery("#formID").validationEngine('attach');
        });
    </script>
<form id="formID" class="rmular" method="post" action="">
        <fieldset>
            <legend>
                IP Address
            </legend>
            <label>
                <span>IP: </span>
                <input value="192.168.3." class="validate[required,custom[ipv4]] text-input" type="text" name="ip" id="ip" />
            </label>
        </fieldset><input class="submit" type="submit" value="Validate &amp; Send the form!"/><hr/>
    </form>
            <div class="row">
                <?php 
                    $pageClass = 'span9';

                    if(opt('sidebar_position') == 0)
                        $pageClass = 'span12';
                    if(opt('sidebar_position') == 1)
                        $pageClass .= ' blog_right';    
                ?>
                <div class="<?php echo $pageClass; ?>">

                <?php 
                if (have_posts()) { while (have_posts()) { the_post(); 
                ?>
                    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?> >
                        <?php the_content(); ?>
                    </div>
                <?php
                    }//While have_posts
                }//If have_posts
                ?>

                    <!--Comments-->
                    <?php comments_template('', true); ?>
                </div>

                <!--Sidebar-->
                <?php 
                if(opt('sidebar_position') != 0)
                    get_sidebar(); 
                ?>

            </div>
        </div>
    </div>
</div>

<?php get_footer(); ?>

我已经尝试了一切，但我似乎无法弄清楚如何使其工作，我也检查了相同情况下的其他stackoverflow答案，但他们告诉我的错误我在我的代码中找不到它们请帮帮我因为我的网站需要IPV4验证，而我似乎无法弄清楚它为什么不起作用。

Answer 1

不要使用脚本标记，而是尝试使用wordpress php方法调用jQuery：

<?php

   wp_register_style('validation-css',
        get_template_directory_uri() . "/css/validationEngine.jquery.css",
        false);
   wp_enqueue_style('validation-css');

   //do the same for that form stylesheet with the formular class if you need it 

    /*******
   // Only include this commented section if you really need 
   // that specific version of jQuery for validationEngine to work. Otherwise leave it out 
    wp_deregister_script('jQuery');
    wp_register_script('jquery',
        get_template_directory_uri() . "/js/jquery-1.8.2.min.js", false);
    *****/

    wp_enqueue_script('jQuery');

    wp_register_script('validation',
       get_template_directory_uri() . "/js/jquery.validationEngine.js",
       array('jquery'));
    wp_enqueue_script('validation');

    wp_register_script('validation-language',
       get_template_directory_uri() . "/js/jquery.validationEngine-en.js",
        array('jQuery'));     //not sure about that last param, also try using array('validation') ?
    wp_enqueue_script('validation-language');
 ?>

jQuery验证引擎插件在wordpress自定义页面模板中不起作用

1 个答案: