Jump to content
  • 0

Плагин валидации jQuery.validationEngine


MenX
 Share

Question

Доброго дня!

Господа, нужна помощь.

Использую для валидации формы на стороне клиента jQuery.validationEngine, проблема в том, что данный плагин игнорирует ошибки полей, в которых проводится ajax проверка "на лету". Может кто подскажет как решить проблему.

Листинг:


jQuery(document).ready(function(){
jQuery('#loginPage').submit(function() {
jQuery('#submit_login').css('background-image', 'url("http://mail.site.com/images/loading.gif")');
})

jQuery('#go_reg').click(function() {
jQuery('#loginPage').slideToggle(function() {
jQuery('#registration').slideToggle()});
});

jQuery("#registration").validationEngine();

jQuery('#registration').submit(function() {
if (jQuery("#registration").validationEngine('validate')) {
jQuery(this).validationEngine('hideAll');
jQuery(this).validationEngine('detach');
jQuery('#submit_reg').css('background-image', 'url("http://mail.site.com/images/loading.gif")');
jQuery('#submit_reg').attr('value','Регистрируем...');
jQuery.post("mail_server_api/reg_email.php", jQuery(this).serialize());
jQuery('#registration input').attr('disabled', 'disabled');
jQuery('#submit_reg').empty();
setTimeout(function () {jQuery('#registration').slideToggle(function() {jQuery('#loginPage').slideToggle(); jQuery('.reg_success').fadeIn('slow');})},5000);
}
return false;
});
});

Сама форма:


<form id="registration" method="post" action="" class="registration">
<ul>
<li>
<label for="reg_email">E-mail:</label>
<input class="validate[required,custom[onlyLetterNumber],minSize[3],ajax[checkEmailExists]]" name="reg_email" id="reg_email" type="text" />
</li>
<li>
<label for="reg_password">Пароль:</label>
<input class="validate[required,custom[onlyLetterNumber]],minSize[6]" name="reg_password" id="reg_password" type="password" />
</li>
<li>
<label for="confirm_password">Повторите пароль:</label>
<input class="validate[required,equals[reg_password]]" name="confirm_password" id="confirm_password" type="password" />
</li>
<li>
<input id="submit_reg" class="button" type="submit" value="Зарегистрировать" />
</li>
</ul>

</form>

Еще раз повторюсь, при валидации игнорируются ошибки поля reg_email, т.е. даже если возвращается ошибка, функция jQuery("#registration").validationEngine('validate') всё равно возвращает true

Edited by MenX
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Уважаемые модераторы!

С головой у вас как? Всё в порядке? При чём здесь раздел "Коммерческие услуги".

Я задал вопрос по глюку плагина jQuery.validationEngine и, изначально, мой вопрос был размещен в соответствующем разделе — Javascript

Edited by MenX
Link to comment
Share on other sites

  • 0

Да не переживай, это просто вчера день программиста был :) А правила не садись пьяным за руль за комп нету, вот они и на пьяную голову сбили велосепедиста перенесли не туда.

В общем, перенесут назад, и помогут даже :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy