jQuery Validate wp_editor

Tengo un formulario, y en el formulario, se utiliza
<?php wp_editor('', 'user_submitted_progress', $settings = array('textarea_name' => 'user_submitted_progress')); ?>
para generar un TinyMCE, más que un simple
textarea
. El problema es que no consigo el wp_editor que ser validado por jQuery validación. Aquí está mi código para jQuery validación
$(document).ready(function() {
    $("#user_submitted_post").validate({

        errorPlacement: function(error, element) {},

        debug: false,
        rules: {
            user_submitted_title: {required: true},
            user_submitted_progress: {required: true},
            user_submitted_goals: {required: true},
            user_submitted_categories: {required: true},
            user_submitted_tags: {required: true},
        },

        invalidHandler: function(form, validator) {
            var errors = validator.numberOfInvalids();
            if (errors) {
                $("#error-message").show().text("Please make sure that all required fields have been filled out.");
            } else {
                $("#error-message").hide();
            }
        },

        submitHandler: function(form) {
            tinyMCE.triggerSave();
            var serialized = $(form).serialize();
            console.log(serialized);
            $(form).ajaxSubmit();
        }

    })
})
Aquí está mi formulario:
<?php if (is_user_logged_in()) { ?>

    <div id="error-message"></div>

    <form id="user_submitted_post" action="" method="POST" enctype="multipart/form-data">

        <h2>Title</h2>
        <input type="text" id="user_submitted_title" name="user_submitted_title" value="">

        <p>Please provide detailed information about the long-term goals of your project, as well as your current project progress. 

Feel free to format your text using boldness, italics, lists, and block quotes. Simply click on the formatting option you'd like to use and start typing.

When you no longer need the format you have selected, hit enter to go to the next line, and click on the active format button to end formatting.</p> <h2>Project Progress</h2> <?php wp_editor('', 'user_submitted_progress', $settings = array('textarea_name' => 'user_submitted_progress', 'media_buttons' => false, 'quicktags' => false, 'textarea_rows' => 15, 'editor_css' => '<style type="text/css">.wp_themeSkin .mceListBox .mceText {width: 81px;} .wp_themeSkin table.mceToolbar {margin: 5px;} td.mceToolbar > div {height: inherit;} tr.mceLast {display: none;} .wp_themeSkin .mceButton {margin: 1px 12px;}</style>', 'tinymce' => add_filter("mce_buttons", "base_extended_editor_mce_buttons", 0), add_filter("mce_buttons_2", "base_extended_editor_mce_buttons_2", 0)) ); ?> <h2>Project Goals</h2> <?php wp_editor('', 'user_submitted_goals', $settings = array('textarea_name' => 'user_submitted_goals', 'media_buttons' => false, 'quicktags' => false, 'textarea_rows' => 15, 'tinymce' => add_filter("mce_buttons", "base_extended_editor_mce_buttons", 0), add_filter("mce_buttons_2", "base_extended_editor_mce_buttons_2", 0)) ); ?> <h2>Category</h2> <?php wp_dropdown_categories($args = array('selected' => Uncategorized, 'orderby' => 'name', 'hide_empty' => 0, 'hierarchical' => 1, 'id' => 'user_submitted_categories', 'name' => 'user_submitted_categories')); ?> <h2>Tags</h2> <p>Separate tags with commas.</p> <input type="text" id="user_submitted_tags" name="user_submitted_tags" value=""> <h2>Video</h2> <p>Copy and paste links from Youtube and Vimeo in the field below</p> <textarea id="user_submitted_video" name="user_submitted_video"></textarea> <h2>Audio</h2> <p>Copy and paste links from Soundcloud in the field below</p> <textarea id="user_submitted_audio" name="user_submitted_audio"></textarea> <h2>Images</h2> <input type="file" name="upload_attachment[]" multiple="multiple"> <?php wp_nonce_field('post_nonce', 'post_nonce_field'); ?> <button type="submit" name="submitbutton" id="submitbutton">Submit</button> </form> <?php } else { ?> <?php echo 'Sorry, but you need to be logged in to see that. You can <a rel="nofollow" href="'; ?> <?php echo wp_login_url( get_permalink() ); ?> <?php echo '" title="Login">login here</a>'; ?> <?php } ?>
¿Cómo obtengo
.validate
¿para validar el texto que el usuario escribe en el wp_editor? No importa la matriz mucho loca por la wp_editor.

Acabo de poner todo el css en esa matriz, porque aún estoy probando todo esto en el tema de veinte doce. Cualquier ayuda es apreciada..



Solución

Por la jQuery noConflict Wrappers sección de la
wp_enqueue_script()
Página del códice, el
$
variable no está disponible en WordPress. Puede reemplazar
$
con
jQuery
en tu jQuery código, o hacer algo como esto:
jQuery(document).ready(function($) {
    // your code here
    .
    .
    .
});
jQuery(document).ready(function($) {
    // your code here
    .
    .
    .
});
.




Problemas relacionados

javascript carga CDN con respaldo local (no jQuery)

¿Cuáles son las mejores prácticas para incluir plugins de jquery

jQuery vivir validación de formularios en Wordpress

incluir el archivo de plugin jquery no funciona

Usando wp_editor en shortcode

Hacer editor requerido para el post de frontend

'wp_editor()' CSS estropeando el diálogo jQuery

¿Cómo puedo imprimir el contenido del campo de wp_editor?

WordPress Ajax siempre devuelve un error 404

Cómo utilizar wp_editor(); en functions.php entonces recuperar el contenido de la plantilla

Correos personalizados metabox textarea usando wp_editor

Etiquetas de P no deseados en shortcode, retardo wpautop no funciona

Source: Stack Exchange Inc; License: cc by-sa 3.0 Contacto / Contact