Question

I am a beginner and I have written a code for validating the form as:

function validateForm(){
var x=document.forms["myForm"]["fname"].value;
if (x==null || x==""){
alert("First name must be filled out");
return false;
  }}
  <!-- html part-->
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form><br>

The problem with this code is pressing submit button triggers the validateForm function. How to call the function when the object losses focus?

Answer 1

replace your input element’s code by following

<input type="text" onblur="return validateForm();" name="fname">

i guess thats what you are looking for