HTML - Display text after form is submitted

Question

How can I display a text like "Your input was submitted" after the submit button was clicked. My document is a Java-Server-Pages file.

I have an HTML form like this:

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<form name=test action=greetings.jsp method=POST>
<label for="name">Name:</label><br>
<input type=text id=name /><br>
<label for="surname">Surname:</label><br>
<input type=text id=surname/><br><br>
<input type=submit value=Save>
</form>
</body>
</html>

You can add an event listener to your button and insert the tag you need (in the body tag), like in this example: stackoverflow.com/questions/13495010/… — Adriatic
– Adriatic, Commented Sep 22, 2020 at 11:43

Mehedi Hasan Siam · Accepted Answer · 2020-09-22 10:39:47Z

1

If you prefer binding your events outside the html-markup (in the javascript) you could do it like this:

document.getElementById("btn").addEventListener(
  "click",
  function(event) {
    if (event.target.value === "Save") {
      event.target.value = "Saved";
    } else {
      event.target.value = "Save";
    }
  },
  false
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<form name=test action=greetings.jsp method=POST>
<label for="name">Name:</label><br>
<input type=text id=name /><br>
<label for="surname">Surname:</label><br>
<input type=text id=surname/><br><br>
<input id="btn" type="button" value="Save" />


</form>
</body>
</html>

answered Sep 22, 2020 at 10:39

Mehedi Hasan Siam

1,2823 gold badges13 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML - Display text after form is submitted

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related