Задать вопрос
AlibekKulseitov
@AlibekKulseitov
Люблю верстать и писать музыку

Замена текста на кнопке при отправки формы?

Добрый вечер народ =)
Возник такой вопрос: Как заменить текст "отправить" на текст "Обрабатывается..."
Текст должен заменяться когда пользователь оставил заявку и нажал "отправить" и во время отправки должен заменяться текст)) Это нужно для того чтобы пользователь не тыкал на кнопку и не отправил много заявок=)
Не имею понятия как это сделать. Помогите друзья)

Есть html:
<form>				
	<label class="name required">					
			<input type="text" name="name" class="input_name" placeholder="введите Ваше имя">
	</label>				
	<label class="phone required">					
			<input type="text" name="phone" class="input_phone" placeholder="+7 (777) 577-57-72">
	</label>						
	<div class="button">Отправить</div>		
</form>

И js:

$('.button').click(function() {

		$('body').find('form:not(this)').children('label').removeClass('red');
		var request_url = '\n'+$('input[name="ref_url"]').val().toString().replace(/&/g, '\n');

		var answer = checkForm($(this).parent().get(0));
		if(answer != false)
		{
			send = true;

			var $form = $(this).parent(),
				name = $('input[name="name"]', $form).val(),
				phone = $('input[name="phone"]', $form).val(),
				email = $('input[name="email"]', $form).val(),			
				submit = $('.btn', $form).text();

			var	source = $('input[name="source"]').val();
			var	medium = $('input[name="medium"]').val();
			var	campaign = $('input[name="campaign"]').val();
			var	content = $('input[name="content"]').val();
			var	term = $('input[name="term"]').val();
			var	ref = $('input[name="referer"]').val();
			var formname = $('input[name="formname"]').val();
			var data = "source="+source+"&medium="+medium+"&campaign="+campaign+"&content="+content+"&term="+term+"&name="+name+"&phone="+phone+"&"+sbt+"="+submit+"&email="+email+"&ques="+ques+"&formname="+formname+"&ref="+ref;
			var input_data = $form.serialize(); 
			$.ajax({
				type: 'POST',
				url: url,
				dataType: 'json',
				data: "source="+source+"&medium="+medium+"&campaign="+campaign+"&content="+content+"&term="+term+"&name="+name+"&phone="+phone+"&"+sbt+"="+submit+"&email="+email+"&ques="+ques+"&formname="+formname+"&ref="+ref,
				success: function(msg){ },
			    error: function(){ }			
			}).always(function() {
				thx();	// попап 'Спасибо'			
			});
			
		}
	});
  • Вопрос задан
  • 497 просмотров
Подписаться 3 Оценить Комментировать
Решения вопроса 1
@pchelovek
HTML-верстальщик
$('.button').click(function() {
var $this = $(this);
.....
....
.....
$this.text('Обарабытывается..')
$.ajax({
........		
      }).always(function() {
        thx();	// попап 'Спасибо'	
	$this.text('Отправить')
      });
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
LittleFatNinja
@LittleFatNinja
горе девелопер, любитель лютой садомии
$('input[type="submit"]').val('Обарабытывается..');

.always(function() {
        thx();	// попап 'Спасибо'			
        $('input[type="submit"]').val('Отправить..');
      });
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы