<form id='test' onSubmit="return ValidateForm()">
Name * <input id="name" type="text"><span id="wrongname" class="error">This is a    required field</span>
Email* <input id="email" type="text"><span id="wrongemail" class="error">This is a required field</span>
<div>
<input type="submit" value="Submit" >
</div>
</form>

function ValidateForm() {
document.getElementById('test').onsubmit=function(){
  if(document.getElementById('name').value=""){
    document.getElementById('wrongname').style.display="block";
    return false;
  }
  else{
    return true;
  }
    if (email.value.search( /^[a-zA-Z]+([_.-]?[a-zA-Z0-9]+)*@[a-zA-Z0-9]+([.-]?[a-zA-Z0-9]+)*(.[a-zA-Z]{2,4})+$/ ) == -1){
alert(“Wrong email”);
return false;
}
  }
}

.error{
  display:none;
  color:red;
}

function ValidateForm() {

    if (document.getElementById('name').value == "") {
        document.getElementById('wrongname').style.display = "block";
        return false;
    }

    if (document.getElementById('email').value.search(/^[a-zA-Z]+([_.-]?[a-zA-Z0-9]+)*@[a-zA-Z0-9]+([.-]?[a-zA-Z0-9]+)*(.[a-zA-Z]{2,4})+$/) == -1) {
        alert("Wrong email");
        return false;
    }
}

document.getElementById('test').onsubmit = ValidateForm;