I'm trying to call multiple JavaScript functions. It submits even though my functions return false. I receive the alert messages but it submits anyway.
This is my form.
<form name="myform" id="myform" action="receipt.html" method="post" onSubmit="return allValidation();">
You aren't returning anything in allValidation, so that it will continue to next method execution. Try this,
function allValidation() {
return validateForm() && selectCountry() && validateEmail();
}
return true value(as last line) in all validateForm(), selectCountry(), validateEmail() methods.
return true should be without bracket. I have modified your question with my suggestion. Hope this will resolve your issue. Keep trying..You can use multiple functions and then and their results to get final validation. and also add return true statements in all functions where validation is successful
function allValidation()
{
return (validateForm() && selectCountry() && validateEmail());
}
It's because your function always return true no matter what values return the validateForm() selectCountry() and validateEmail() functions.
Change your allValidation() function like this:
function allValidation()
{
return validateForm() && selectCountry() && validateEmail();
}
return validateForm() && selectCountry() && validateEmail(); or return (validateForm() && selectCountry() && validateEmail()); has exactly the same effect.function allValidation(){
return validateForm() && selectCountry() && validateEmail();
}
