Эффект исчезания кнопки после проверки ошибок на форме
Вложений: 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, время: 06:43. |