Show message in form with only html

Question

Im creating a form and in this form I want a message to be displayed when the user clicks the submit button. Can this be done without php?

What kind of message do you want to display? A message in an alert box? Or just simply display a message in a custom div? If you want to display an alert box you can do it like this: <input type="submit" onclick="alert('The submit button was pressed'); return false;"> — pappfer
– pappfer, Commented Nov 6, 2016 at 12:38

Wais Kamal · Accepted Answer · 2016-11-06 14:01:58Z

1

Instead of an input element with type="submit", consider using a normal button with an onclick attribute. Do not specify any action attribute for the <form> element.

<form>
  <input id="usn" type="text" placeholder="Username" />
  <input id="psw" type="text" placeholder="Password" />
  <input type="submit" onsubmit="myFunction()" />
</form>
<script type="text/javascript">
  function myFunction() {
    var username = "The username you entered is: " + document.getElementById('usn').value + ". ";
    var password = "The password you entered is: " + document.getElementById('psw').value + ". ";
    alert(username + password);
  }
</script>

answered Nov 6, 2016 at 14:01

Wais Kamal

6,2503 gold badges21 silver badges47 bronze badges

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

Collectives™ on Stack Overflow

Show message in form with only html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related