Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Эффект исчезания кнопки после проверки ошибок на форме (https://javascript.ru/forum/dom-window/61777-ehffekt-ischezaniya-knopki-posle-proverki-oshibok-na-forme.html)

Ильфат 08.03.2016 10:56

Эффект исчезания кнопки после проверки ошибок на форме
 
Вложений: 1
Уважаемые форумчане!
Мало что понимаю в коде, сайт делал в визуальном редакторе web builder.
Есть форма для отправки заказа. Перед отправкой проверяется заполнены ли поля, а именно 2 текстовых поля и необходимо выбрать один из пунктов раскрывающегося списка.
К кнопке отправки формы применил эффект
Код:

<input type="submit" id="indexButton1" onclick="ShowObjectWithEffect('indexButton1', 0, 'explode', 500);" name="" value="ОСТАВИТЬ ЗАЯВКУ" style="position:absolute;width:270px;height:45px;">
Эффект работает, при нажатии на кнопку она исчезает (под кнопкой я разместил текст "Идет загрузка...". Все хорошо, если пользователь не допустил ошибок.
Подскажите пожалуйста, как можно сделать условие, чтоб эффект применялся только в случае отсутствия ошибок. Или может подскажете как подключить Прелоадер.
Заранее благодарен! Очень нужно!
Код во вложении.

destus 08.03.2016 11:15

Ильфат,
убрать 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>

Ильфат 08.03.2016 11:17

destus, Огромное спасибо!!!


Часовой пояс GMT +3, время: 22:35.