Почему проверка jQuery не работает в моей форме?

Может ли кто-нибудь сказать мне, почему поля yourTelephoneNumbers и yourEmailAddress не подтверждены? В принципе, я пытаюсь создать свою форму, чтобы пользователь вводил либо номер телефона, либо адрес электронной почты.Почему проверка jQuery не работает в моей форме?

Консольный журнал;

Ошибка: Bootstrap всплывающие подсказки требуют Tether (http://github.hubspot.com/tether/) bootstrap.js: 2772: 1

TypeError: валидатор не определен

код в <head> теге;

<head> 
<title><?php echo COMPANY_NAME_DISPLAY; ?></title> 
<!-- Required meta tags always come first --> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<meta http-equiv="x-ua-compatible" content="ie=edge"> 

<!-- Bootstrap CSS --> 
<link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 
<!-- jQuery Theme CSS --> 
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.min.css"> 
<!-- Lightbox CSS --> 
<link rel="stylesheet" href="<?php echo SITE_CSS; ?>lightbox.css"> 
<!-- Fancybox CSS --> 
<link rel="stylesheet" href="<?php echo SITE_CSS; ?>fancybox/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 
<!-- Custom CSS --> 
<link rel="stylesheet" href="<?php echo SITE_CSS; ?>style.css"> 
<!-- jQuery first, then Bootstrap JS. --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js"></script> 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script><!-- jQuery UI --> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script><!-- Form validation --> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/additional-methods.min.js"></script><!-- Form validation extension --> 
<script src="http://maps.google.com/maps/api/js"></script><!-- Google Maps --> 
<script src="<?php echo SITE_JAVASCRIPT; ?>fancybox/jquery.mousewheel-3.0.6.pack.js"></script><!-- Fancybox --> 
<script src="<?php echo SITE_JAVASCRIPT; ?>fancybox/jquery.fancybox.pack.js?v=2.1.5"></script><!-- Fancybox --> 
<script src="<?php echo SITE_JAVASCRIPT; ?>jquery.form.min.js"></script><!-- AJAX form --> 
</head>

Actual development site - Нажмите на кнопку с надписью «Сделать запрос»

jsFiddle

источник

2015-12-15 Michael LB

ваш JQuery нарушает пожалуйста, проверьте консоль. –

@ParthTrivedi - см. Мое редактирование –

его работа там и отсутствие ошибки в консоли. Я получил сообщение об успешном запуске в консоли. {"status": "success", "message": "Это сообщение об успешности". } – Farhan

Поскольку вы не показали нам фактический код в ваш ОП, я могу только прокомментировать различные вопросы в вашей jsFiddle ...

Вы id="makeEnquiry" дублируется на <div> nd на <form>. Вы не можете дублировать id, а так как метод .validate() прикреплен к этому дублированному id, он не работает вообще, поскольку он использует первый экземпляр из div и игнорирует экземпляр из form.
Вы MUST использовать атрибут name в пределах rulesmessages и объектов внутри метода .validate(). В вашей разметке HTML отсутствует атрибут name. Плагин jQuery Validate вообще не работает, если отсутствует атрибут name.
У вас есть дополнительный }); в jsFiddle, который вызывает синтаксическую ошибку.
В вашем jsFiddle отсутствует обработчик события DOM ready.
require_from_group метод the additional-methods.js file прилагается. Это отсутствует в вашем jsFiddle.
В предыдущих версиях этого плагина было много ошибок с методом require_from_group. В jsFiddle используется jQuery (1.7) и jQuery Validate (1.9), к которым сейчас уже несколько лет. Обновляйте до последних версий.

Рабочая DEMO: http://jsfiddle.net/8a3mwkw5/

источник

2015-12-15 17:45:48 Sparky

Пункт 1 вашего сообщения исправил мою проблему, спасибо! –

@MichaelLB, пожалуйста. Но # 2 также является обязательным ... этот плагин не будет работать, если атрибуты 'name' отсутствуют. – Sparky

Почему проверка jQuery не работает в моей форме?

ответ

Смежные вопросы