Постоянно повторяются сообщения об ошибках подключил к движку, Jquery валидатор, проверка работает, но все ошибки выводит одно за другой, уже что только не пробовал изменить, посмотрите пожалуйста ниже код формы, код скрипта, фото приложил.
<form name="register" class="form-vertical js-register-form js-item-form" action="http://hp/index.php"
method="post" enctype="multipart/form-data" novalidate="novalidate"><input
type="hidden" name="CSRFName" value="CSRF1190773630_1535870326">
<input type="hidden" name="CSRFToken" value="9fc7372984b60e461707c55105beef89ad99d73f4373f4deda63ce4fb961c0d39ea5003434434fde7249c972edd956a074e2bc6476efb26a95b9cfb6255c84c7">
<input type="hidden" name="page" value="register">
<input type="hidden" name="action" value="register_post">
<div class="form-group">
<label class=" control-label" for="s_name">
Имя </label>
<div class="">
<input class="form-control" type="text" name="s_name" value=""
data-rule-required="true" data-msg-required="This field is required"
aria-required="true">
</div>
</div>
<div class="form-group">
<label class=" control-label" for="s_email">
Электронная почта </label>
<div class="">
<input class="form-control" type="text" name="s_email" value=""
data-rule-required="true" data-msg-required="This field is required"
data-rule-email="true"
data-msg-email="The input is not a valid email address"
aria-required="true">
</div>
</div>
<div class="form-group">
<label class=" control-label" for="s_password">
Пароль </label>
<div class="">
<input class="form-control" id="s_password" type="password" name="s_password"
value="" data-rule-required="true"
data-msg-required="This field is required" data-rule-minlength="5"
data-msg-minlength="The password must be more than {0} characters"
aria-required="true">
</div>
</div>
<div class="form-group">
<label class=" control-label" for="s_password2">
Повторите пароль </label>
<div class="">
<input class="form-control" id="s_password2" type="password" name="s_password2"
value="" data-rule-required="true"
data-msg-required="This field is required" data-rule-minlength="5"
data-msg-minlength="The password must be more than {0} characters"
data-rule-equalto="#s_password"
data-msg-equalto="The password and its confirm are not the same"
aria-required="true">
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
if ($("form[name=register]").length > 0) {
$('input[id="bo_mgr_user_phone"]').addClass("{required: true, messages: { required: 'Phone: this field is required'}}")
}
});
</script>
<label for="bo_mgr_user_phone">Phone</label>
<input type="text" name="bo_mgr_user_phone" id="bo_mgr_user_phone"
class="{required: true, messages: { required: 'Phone: this field is required'}} error">
<label for="bo_mgr_user_country">Country</label>
<input id="country" type="text" name="country" value="Russia" autocomplete="off"><input
id="countryId" type="hidden" name="countryId" value="">
<div class="form-group">
<div class="">
<button class="btn btn-block btn-primary" type="submit">Sign up</button>
</div>
</div>
</form>
<script type="text/javascript">
$(document).ready(function () {
// Code for form validation
$("form[name=register]").validate({
rules: {
s_name: {
required: true
},
s_email: {
required: true,
email: true
},
s_password: {
required: true,
minlength: 5
},
s_password2: {
required: true,
minlength: 5,
equalTo: "#s_password"
}
},
messages: {
s_name: {
required: "Название: это поле обязательно для заполнения."
},
s_email: {
required: "E-mail: это поле обязательно для заполнения.",
email: "Неверный адрес электронной почты."
},
s_password: {
required: "Пароль: это поле обязательно для заполнения.",
minlength: "Пароль: введите не менее 5 символов."
},
s_password2: {
required: "Повторите пароль: это поле обязательно для заполнения.",
minlength: "Повторите пароль: введите не менее 5 символов.",
equalTo: "Пароли не совпадают."
}
},
errorLabelContainer: "#error_list",
wrapper: "div",
invalidHandler: function (form, validator) {
$('html,body').animate({scrollTop: $('h1').offset().top}, {duration: 250, easing: 'swing'});
},
submitHandler: function (form) {
$('button[type=submit], input[type=submit]').attr('disabled', 'disabled');
form.submit();
}
});
});
</script>