Как вывести сообщение после нажатия на кнопку на JS?

Question

[Stacy None]

Добрый вечер!
Есть вот такой, небольшой js код который выводит модальное окошко на сайте с формой.
Проблема в том что после нажатия отправки формы - ничего не происходит. Хотелось бы вывести текст типа "Спасибо за сообщение!"
В js особо не силен, нуждаюсь в вашей помощи! Заранее спасибо большое!

function pw_get() {
	$.ajax({
		url: '/warning/warnings.php',
		type: "POST",
		data: ({edit:'1'}),
		success: function(data) {
			jQuery('#postwarn_form').html(data);
			jQuery('#postwarn_form').dialog({
				zIndex: 600,
				width: 500,
				buttons: {
					"Закрыть": function() {
						jQuery(this).dialog('close');
					},
					"Отправить" : function() {
						pw_set('{$nid}');
						jQuery(this).dialog('close');
					},
				},
				title: "Отправить жалобу на новость",
				autoOpen: true
			});
		}
	});
}

function pw_set(nid) {
	var w_text = jQuery('#w_text').val(), w_type = jQuery('#w_type').val();
	$.ajax({
		url: '/warning/warnings.php',
		type: "POST",
		data: ({edit:'2',nid:nid,w_text:w_text,w_type:w_type}),
		success: function(data) {
			jQuery('#postwarn_form').html(data);
			jQuery('#postwarn_form').dialog({
				zIndex: 600,
				width: 500,
				buttons: {
					"Закрыть": function() {
						jQuery(this).dialog('close');
					}
				},
				title: "Отправить жалобу на новость",
				autoOpen: true
			});
			setTimeout("jQuery('#postwarn_form').dialog('close');", 5000);
		}
	});
}

Comments

[Stalker_RED]

Куда вывести? При каких условиях?

[Stacy None]

Stalker_RED, В случае заполнения всех полей и при нажатии на кнопку "Отправить"

[Stalker_RED]

Stacy None, при попытке отправить (событие submit) проверяете поля формы.
Если все заполнено правильно - отправляете.
При получении ответа с сервера проверяете что там вернулось.
Если все ок - показываете сообщение.

Answer 1

[grinat]

$( "myForm" ).on( "submit", function( event ) {
    event.preventDefault();
    $.ajax({
    type: "POST",
    url: "/warning/warnings.php",
    data: $( this ).serialize(),
    success: function(data) {
alert('Спасибо!');
},
    error: function (jqXHR, textStatus, er) {
alert('Что-то пошло не так: ' + er.toString());
}
});
})

Comments

[Stacy None]

а как правильно вставить? Не подскажете пожалуйста?!

[grinat]

Stacy None, https://learn.javascript.ru/hello-world#sovremenna...