jQuery Плагин валидации не работает с формой в WordPress - PullRequest
0 голосов
/ 11 марта 2020

Я пытаюсь проверить форму на внешнем интерфейсе страницы в WordPress. Я использую последнюю версию плагина jQuery Validation, но он не проверяет форму и не отправляет ее, даже если правила не соблюдаются.

Как вы можете видеть ниже, это не проблема с тип или название входов.

Возможно ли, что Bootstrap конфликтует с плагином jQuery? Что может быть причиной этого?

Форма:

<form action='<?php echo admin_url('admin-post.php'); ?>' class="form-subscriber" method="POST" id="form-subscriber-details">
        <?php if( isset( $process_details_message )){ ?>
            <div class="<?php echo 'alert alert-' . $process_details_message['type']; ?>" role="alert">
                <ul href="#" class="alert-link">
                    <?php 
                        foreach ($process_details_message['message'] as $key => $value) {
                    ?>
                        <li><?php echo $value; ?></li>
                    <?php
                        }  
                    ?> 
                </ul>
            </div>
        <?php } ?>
            <div class="form-group">
                <label for="newsletter_signature_email"><?php esc_html_e('Email Address', 'work-theme'); ?></label>
                <input type="email" class="form-control" name="newsletter_signature_email" id="newsletter_signature_email" placeholder="Email:" value="<?php echo $email; ?>" required>
            </div>

            <div class="form-group">
                <label for="newsletter_signature_name"><?php esc_html_e('Name', 'work-theme'); ?></label>
                <input type="text" class="form-control" name="newsletter_signature_name" id="newsletter_signature_name" placeholder="Name:" value="<?php echo $name; ?>" required>
            </div>

            <div class="form-group">
            <?php foreach ( get_job_listing_categories() as $cat ) : ?>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" value="<?php echo esc_attr( $cat->term_id ); ?>"><?php echo esc_html( $cat->name, 'work-theme' ); ?>
                    </label>
                </div>
            <?php endforeach; ?>
            </div>

            <div class="form-group">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" value="" required>
                        <?php esc_html_e('I want to receive promotional emails.', 'work-theme'); ?>
                    </label>
                </div>
            </div>

            <input type="hidden" name="action" value='details_newsletter_signature')>
            <?php wp_nonce_field( 'details_newsletter_signature', 'process_details_nonce' ); ?>
            <input type="submit" class="btn btn-default" value="<?php esc_html_e('Submit', 'work-theme'); ?>">

        </form>

Код Javascript:

jQuery(document).ready(function(){ 
  jQuery('#form-subscriber-details').validate({
    errorClass: "error",
    rules: {
        'newsletter_signature_name': {
            required: true
        },
        'newsletter_signature_email': {
            required: true,
            email: true
        }
    },
    submitHandler: function(form) { 
        console.log("Submitted!") 
    }
  })
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...