@almidi

Один скрипт для всех форм?

Добрый день !
подскажите кто знает
имеется такая форма
<form action="" method="post" id="form" class="form text-center">
                <fieldset>
                    <section>
                        <input type="text" name="phone" value="" id="phone" class="input-text">
                    </section>
            		<button type="submit" class="button">Отправить</button>
        		</fieldset>
                <div class="message messege_popap">
                    <i class="fa fa-check"></i>
    			   Форма отправлена
    			</div>    
            </form>


таких форм на странице несколько
и имеется такой скрипт
$("#form").validate({					
		rules:
		{
			phone:
			{
				required: true
			}
		},
		messages:
		{
			phone:
			{
				required: ''
			}
		},				
		submitHandler: function(form)
		{
			$(form).ajaxSubmit(
			{
				beforeSend: function()
				{
					$('#form button[type="submit"]').attr('disabled', true);
				},
				success: function()
				{
					$("#form").addClass('submited');
					setTimeout(function(){
						$.magnificPopup.close();
						$("#form").removeClass('submited');
						$('#form button[type="submit"]').attr('disabled', false);
						$('#form')[0].reset();
					}, 2000);
				}
			});
		},			

		errorPlacement: function(error, element)
		{
			error.insertAfter(element.parent());
		}
	});


Сейчас если на сайте несколько форм то скрипт обрабатывает только первый форму, и приходится каждой форме давать идентификатор и прописывать скрипт для каждой формы, как можно сделать так чтобы данный скрипт работал со всеми формами с одним id. Спасибо!
  • Вопрос задан
  • 203 просмотра
Пригласить эксперта
Ответы на вопрос 1
Serj-One
@Serj-One
i'm sexy and i know it
Использовать вместо id класс. success: function() сделать контекстозависимой.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
24 нояб. 2024, в 01:35
5000 руб./за проект
24 нояб. 2024, в 01:24
500 руб./за проект
24 нояб. 2024, в 00:04
5000 руб./за проект