Столкнулся с проблемой привязки своего скрипта в готовый скрипт валидации форм на JQuery.
Необходимо сделать так, чтобы мой код отображения анимации загрузки срабатывал в том случае, когда нет не одного сообщения "message" об ошибке. Не знаю как и к чему его привязать, пробовал разные варианты, но ни один не работает так как нужно!
Вот сам код валидации:
$(document).ready(function(){
$("form").validate({
rules:{
gorod:
{
required: true,
},
user:
{
required: true,
minlength: 2,
maxlength: 40,
},
e_mail:
{
required: true,
email: true,
maxlength: 40,
},
zagolovok:
{
required: true,
minlength: 10,
maxlength: 60,
},
text_obyavl:
{
required: true,
minlength: 20,
maxlength: 2000,
},
},
messages:{
gorod:
{
required: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Это поле обязательное для заполнения!</div>"
},
user:
{
required: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Это поле обязательное для заполнения!</div>",
minlength: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Контактное лицо: не менее 2 символов!</div>",
maxlength: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Контактное лицо: не более 40 символов!</div>",
},
e_mail:
{
required: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Это поле обязательное для заполнения!</div>",
maxlength: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>E_mail: не более 40 символов!</div>",
email: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Не верный формат E-mail адреса!</div>",
},
zagolovok:
{
required: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Это поле обязательное для заполнения!</div>",
minlength: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Заголовок: не менее 10 символов!</div>",
maxlength: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Заголовок: не более 60 символов!</div>",
},
text_obyavl:
{
required: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Это поле обязательное для заполнения!</div>",
minlength: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Текст объявления: не менее 20 символов!</div>",
maxlength: "<div style='font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 10px;'>Текст объявления: не более 2000 символов!</div>",
},
},
success:
// функция для привязки
function(){
var background = $('<div>').css({'backgroundColor' : '#000', 'width' : '100%', 'height' : '100%', 'position' : 'fixed', 'z-index' : '9', 'top' : '0', 'left' : '0', 'opacity' : '0.6'});
var image = $('<img>').attr({'src': '../image/zagruzka.gif'});
var text = $('<span>').text('Дождитесь завершения загрузки!').css({'font-family': 'Verdana, Arial, Helvetica, sans-serif', 'font-weight': 'bold', 'font-size': '16px', 'color': '#FFFFFF'});
var loading = $('<div>').css({'z-index' : '10', 'position' : 'fixed', 'top' : '40%', 'left' : '45%', 'margin' : '-64px 0 0 -64px', 'text-align': 'center'})
.html(image).append('<br><br>').append(text);
$('#submit').click(function(){
if (....не знаю как задать условие, чтобы функция срабатывала только при отсутствии каких либо ошибок валидации формы.....) {$('body').prepend(loading).prepend(background);}
});
// функция для привязки
},
});
});