Я хочу скрыть форму и показать письменное сообщение об успехе, а также перезагрузить страницу с хэш-значением - PullRequest
Новая
       1

Я хочу скрыть форму и показать письменное сообщение об успехе, а также перезагрузить страницу с хэш-значением

0 голосов
/ 27 июня 2019

Я работаю над формой, и при отправке я хочу скрыть форму и показать письменное сообщение об успехе при отправке.Я также хочу иметь возможность перезагрузить страницу со значением хеш-функции.

Я сделал эту функцию, которая работает, но я чувствую, что у меня возникнут некоторые проблемы с перезагрузкой, поскольку форма снова появляется и сообщение об успешном завершении исчезает.Тег формы содержит onSubmit="submissionmMessage() 

<script>
    function submissionMessage() {
        window.location.hash = "#success";  
        document.getElementById("successMessage").style.display = 'block';
       document.getElementById("form").style.display = 'none';
 </script> 

<div>
    <p style="display:none;" id="successMessage"><strong> Success!</strong></p>
</div>

Он работает для скрытия отображения сообщения, но я чувствую, что может быть место для ошибок?

также, если я вставлю в"window.location.hash = "#success" и URL-адрес успеха в качестве URL с #sucess в конце будет нелогичным?

1 Ответ

0 голосов
/ 27 июня 2019

Код образца: 

<!DOCTYPE html>
	<html>

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<style>
			#success {
				display: none;
			}
		</style>
	</head>

	<body>

		<p id="demo" class="font-effect-shadow-multiple"></p>

		<script>
			function submissionmMessage() {

				/*

				Get Response from SERVER using AJAX.

				*/

				document.getElementById("success").style.display = "block";


			}
		</script>

		<div id="success">Your Form has bee Submitted.</div>

		<form id="form" method="POST" action="#" onsubmit="event.preventDefault(); submissionmMessage();">

			<input type="text" name="txt" id="txt" />
			<input type="submit" name="submit" />

		</form>

	</body>

	</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...