Имеется страница с формой ввода
<h1>Пример </h1>
<script src="jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$("form").submit(function () {
// Получение ID формы
var formID = $(this).attr('id');
// Добавление решётки к имени ID
var formNm = $('#' + formID);
$.ajax({
type: "POST",
url: 'send17.php',
data: formNm.serialize(),
success: function (data) {
// Вывод текста результата отправки
$(formNm).html(data);
}
});
return false;
});
});
</script>
<p>Комментарии к статье</p>
<form id="feedback-form" action="">
<input type="text" name="name" required placeholder="Ваше имя">
<textarea name="text" placeholder="Ваш текст"></textarea>
<input type="submit" name="submit" value="Отправить">
</form>
И простейший обработчик send17.php
$name = 'Имя: ' . $_POST['name'] . ' ';
$message = 'Текст: ' . $_POST['text'] ;
echo '<div style="width:75%; background-color:#9F3; height:200px;">
<p style="text-align:center; color:#F00">Введено: ' . $name . $message . '</p>
</div>';
Почему-то получается так, что после клика "Отправить" информация из обработчика появляется на экране, а вот сама форма исчезает. Почему так, непонятно...
А требуется, чтобы форма оставалась открытой и была готова к следующему использованию, и помещалась ниже контента из обработчика.
Как это сделать?