не работает валидация jquery validate
Не работает валидация. Т.е. текст ошибки не появляется. Делаю с помощью плагина jquery.validate.js. Подключен правильно. Плагин обнаруживает. Но текст ошибки, по нажатию на кнопку отсутствует.
$(document).ready(function(){
$('#call_form').validate({
rules: {
inputPhone: "required",
},
messages: {
inputPhone: "Пожалуйста, введите номер Вашего телефона",
},
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.validate.js"></script>
<form class="call_form" id="call_form" method="post" action="" name="validation">
<i class="glyphicon glyphicon-remove close"></i>
<div class="form-group">
<label for="inputName">Меня зовут</label>
<input type="text" name="inputName" class="form-control" id="inputName" placeholder="Имя">
</div>
<div class="form-group">
<label for="inputPhone">Мой телефон<font class="red-text">*</font></label>
<input name="inputPhone" type="text" class="form-control" id="inputPhone" placeholder="+7-999-999-99-99">
<input name="input_url" type="hidden" value=""><!--fix form-->
</div>
<button onclick="gtag('event', 'obratnaya',{'event_category': 'obratnaya', 'event_action': 'clicks'}); yaCounter28233771.reachGoal ('svyaz_to'); return true;" class="btn btn-block">Перезвоните мне</button>
<div style="text-align:centr; margin-top: 5px;">
Нажимая кнопку "Отправить заявку" вы соглашаетесь с <a href="http://germanika55.ru/TO/politics.html">политикой конфиденциальности</a>
</div>