Эффект исчезания кнопки после проверки ошибок на форме
Вложений: 1
Уважаемые форумчане!
Мало что понимаю в коде, сайт делал в визуальном редакторе web builder. Есть форма для отправки заказа. Перед отправкой проверяется заполнены ли поля, а именно 2 текстовых поля и необходимо выбрать один из пунктов раскрывающегося списка. К кнопке отправки формы применил эффект Код:
<input type="submit" id="indexButton1" onclick="ShowObjectWithEffect('indexButton1', 0, 'explode', 500);" name="" value="ОСТАВИТЬ ЗАЯВКУ" style="position:absolute;width:270px;height:45px;"> Подскажите пожалуйста, как можно сделать условие, чтоб эффект применялся только в случае отсутствия ошибок. Или может подскажете как подключить Прелоадер. Заранее благодарен! Очень нужно! Код во вложении. |
Ильфат,
убрать onClick из атрибута кнопки и изменить JS код на <script type="text/javascript"> $(document).ready(function() { $("#indexForm1").submit(function(event) { var isValid = $.validate.form(this); if (isValid){ ShowObjectWithEffect('indexButton1', 0, 'explode', 500); return true; } else { return false; } }); $("#zakaz-brelokCombobox1").validate( { required: true, type: 'select', disallowfirstchoice: true, color_text: '#000000', color_hint: '#00FF00', color_error: '#FF0000', color_border: '#808080', nohint: false, font_family: 'Arial', font_size: '13px', position: 'topleft', offsetx: 0, offsety: 0, effect: 'none', error_text: 'Выберите брелок' }); var indexCarousel1Opts = { delay: 900000, duration: 500, easing: 'linear', mode: 'clip', direction: 'vertical', pagination: true, pagination_img_default: 'images1/page_default.png', pagination_img_active: 'images1/page_active.png', start: 0 }; $("#indexCarousel1").carouseleffects(indexCarousel1Opts); }); </script> |
destus, Огромное спасибо!!!
|
Часовой пояс GMT +3, время: 17:10. |