@nachaloseo

Как вместо Alert в JS Изменить надпись на кнопки?

Добрый день, подскажите как вместо алерта, например изменить содержимое кнопки, или скрыть и вывести сообщение.
Код формы
<form action="t.php" method="POST" class="contact_form">
            <div class="contact_form_row">
              <div class="contact_form_left"><input type="text" name="username" placeholder="Имя" required class="contact_form_left_input"><input type="text" name="user_phone" placeholder="Телефон" required class="contact_form_left_input phoneinput"><textarea name="details" placeholder="Необходимые детали автомобиля" class="contact_form_left_details"></textarea></div>
              <div class="contact_form_right"><textarea name="vin" placeholder="VIN номер автомобиля или подробная информация (марка, модель, год, л/с)" class="contact_form_right_vin"></textarea></div>
            </div>
            <div class="contact_form_row contact_form_type">
			<label class="contact_form_type_item">
			<input id="radio1" type="radio" name="detail-type" value="original" checked class="contact_form_type_item_input">
			<label for="radio1" class="contact_form_type_item_label">
			</label>
			<span class="contact_form_type_item_content">Только оригинал</span></label>
			<label class="contact_form_type_item"><input id="radio2" type="radio" name="detail-type" value="not-original" class="contact_form_type_item_input">
			<label for="radio2" class="contact_form_type_item_label">
			</label><span class="contact_form_type_item_content">Аналоги</span></label>
			</div>
            <div id="type" class="contact_form_for contact_form_type hidden">
              <div class="contact_ranger"><input type="text" id="ranger" name="example_name" value="Хорошие"></div>
            </div><input type="submit" value="Отправить" class="contact_form_submit">
          </form>


Код JS
$(document).ready(function() {

	$('form').submit(function(event) {

		event.preventDefault();

		$.ajax({
			type: $(this).attr('method'),
			url: $(this).attr('action'),
			data: new FormData(this),
			contentType: false,
			cache: false,
			processData: false,
			success: function(result) {
				alert(result);
			},
		});
	
	});

});

Благодарю.
  • Вопрос задан
  • 251 просмотр
Пригласить эксперта
Ответы на вопрос 1
@nvdfxx
Senior Pomidor developer
$(document).ready(function() {

  $('form').submit(function(event) {

    event.preventDefault();

    $.ajax({
      type: $(this).attr('method'),
      url: $(this).attr('action'),
      data: new FormData(this),
      contentType: false,
      cache: false,
      processData: false,
      success: function() {
        $(this).find('input[type="submit"]').value('Отправлено').addClass('confirm')
      },
    });
  
  });
});
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы