Sprawdź poprawność formularza za pomocą JavaScript

Jestem początkujący i napisałem kod do sprawdzania poprawności formularza jako:

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>

Problem z tym kodem polega na naciśnięciu przycisku Wyślij wyzwalaczevalidateForm funkcjonować. Jak wywołać funkcję, gdy ogniskuje się obiekt?