Java Script form validation

Question

so what I try is to show an error "First name must be filled out" as a text called "check", not as an alert... Please help:)

  <html>
  <body>

 <form name="myForm" action="page.html" onsubmit="return validateForm()" method="post">
  First name: <input type="text" name="box>
 <input type="submit" value="Submit">
</form> 
<p id="check"></p>


<script>

function validateForm() {
var x = document.forms["myForm"]["box"].value;
if (x == null || x == "") {
    alert("First name must be filled out") ="check"; // I tried to send alert as text... 
    return false;
 }
 } 

  </script>

  </body>
   </html>

Thanks in advance!

zavg · Accepted Answer · 2014-10-25 11:41:29Z

3

Change

alert("First name must be filled out") ="check";

to

document.getElementById('check').innerHTML = 'First name must be filled out';

answered Oct 25, 2014 at 11:41

zavg

11.2k4 gold badges47 silver badges68 bronze badges

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

Comments

pbaldauf · Accepted Answer · 2014-10-25 11:58:05Z

2

As pure Javascript Solution you could replace the alert with the following code:

document.getElementById('check').innerHTML = "First name must be filled out";

In jQuery you could try:

$( "#check" ).html( 'First name must be filled out' );

edited Oct 25, 2014 at 11:58

answered Oct 25, 2014 at 11:42

pbaldauf

1,6812 gold badges26 silver badges35 bronze badges

Collectives™ on Stack Overflow

Java Script form validation

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related