Я пытаюсь проверить форму на внешнем интерфейсе страницы в 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!")
}
})
});