Eu sou um iniciante e escrevi um código para validar o formulário como:

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>

O problema com este código é pressionar o botão enviar aciona ovalidateForm função. Como chamar a função quando as perdas de objeto se concentram?