javascript - form is not stopping when i run onsubmit -
i have .tpl file form connected js file suppost stop page doing if form 1 of folloowing:
not filled in correctly not right email fomate or matching formate if no first or lastly namebut seems skip , run signup page
here js code
function registervalidation() { var emailone = document.getelementbyid("emailone").value; var emailtwo = document.getelementbyid("checkemail").value; var firstname = document.getelementbyid("firstname").value; var lastname = document.getelementbyid("lastname").value; if(firstname == null || firstname == "") { document.getelementbyid("firstname").classlist.add("warning"); homecoming false; } if(lastname == null || lastname == "") { document.getelementbyid("lastname").classlist.add("warning"); homecoming false; } if (emailtwo == null || emailtwo == "" ) { document.getelementbyid("emailtwo").classlist.add("warning"); homecoming false; } if(emailone !== emailtwo) { document.getelementbyid("emailtwo").classlist.add("warning"); homecoming false; } if(validateemail(document.getelementbyid('emailone').value)){ }else{document.getelementbyid("emailone").classlist.add("warning"); homecoming false;} if(validateemail(document.getelementbyid('emailtwo').value)){ }else{document.getelementbyid("emailtwo").classlist.add("warning"); homecoming false;} }
and form
<script src="//<?=siteurl;?>/template/main/js/registervalidation.js"></script> <div class="grid-cell u-size35of4"> <div class="internal"> <h1 class="hevetics">sign up</h1> <p class="signuptext">it's free , be.</p> <form action="/signup" name="register" method="post" class="ipetsignup" enctype="multipart/form-data" onsubmit="return registervalidation();"> <label> <span><input id="firstname" type="text" name="firstname" placeholder="first name" class="half" onchange="name();"/></span><input id="lastname" id="name" type="text" name="lastname" onchange="name();" placeholder="last name" class="half right" /> </label> <label> <input id="emailone" type="email" name="email" placeholder="your email" onchange="checkemails();" /> </label> <label> <input id="emailtwo" type="email" name="checkemail" placeholder="re-enter email" onchange="checkemailtwo();" /> </label> <label> <input id="password" type="password" name="password" placeholder="new password" /> </label> <label> <input id="signup" type="submit" class="button" value="sign up" /> </label> </form> </div> </div>
javascript forms return submit onsubmit
No comments:
Post a Comment