在javascript验证中，我必须单击两次提交按钮

Question

 function validaterole(role) { if(role.value==="select") { var x="select your role"; document.getElementById("role").innerHTML=x; } else { document.getElementById("role").innerHTML=""; return true; } } function validatepwd(pwd) { //var pwdchecker=/^([A-Za-z0-9]{8,8})$/; //var pwdchecker=/^([AZ]{1,}[az]{1,}[0-9]{1,}(@|#|$))$/; var pwdchecker=/^(?=.*?[AZ])(?=.*?[az])(?=.*?[0-9])(?=.*?[$@#]).{8,12}$/; if(pwd.value===""){ x="pls enter your password"; document.getElementById("pw").innerHTML=x; return false; } else if(pwd.value.length < 7 || pwd.value.length > 12){ x="password length should be 8 to 12"; document.getElementById("pw").innerHTML=x; return false; } else if(pwd.value.match(pwdchecker)) { x=""; document.getElementById("pw").innerHTML=x; return true; } else { x="password should contain atleast one<br>uppercase and one lowercase<br> alhabets and one number<br>and one special characters($@#)"; document.getElementById("pw").innerHTML=x; return false; } } function validateemail(email) { var emailchecker=/^([A-Za-z0-9.]{5,30})\\@([A-Za-z]{2,13})\\.([A-Za-z]{2,4})$/; if(email.value==="") { x="pls enter your email"; document.getElementById("em").innerHTML=x; return false; } else if(email.value.match(emailchecker)){ x=""; document.getElementById("em").innerHTML=x; return true; } else{ x="Invalid email"; document.getElementById("em").innerHTML=x; return false; } } 

 <form action="login" name="log" method="post" onsubmit="return (validateemail(document.log.email) && validatepwd(document.log.pwd) && validaterole(document.log.role))"> <a href="Registration.jsp"><p align="right">New User</p></a> <table align="center"> <tr> <td>E-Mail </td> <td><input type="text" name="email" onblur="validateemail(document.log.email)"></td> </tr> <tr> <td colspan="2" align="right"><span id="em"></span></td> </tr> <tr> <td>PassWord</td> <td><input type="password" name="pwd" onblur="validatepwd(document.log.pwd)"></td> </tr> <tr> <td colspan="2" align="right"><span id="pw"></span></td> </tr> <tr> <td>Role</td> <td> <select id="sel" name="role" onblur="validaterole(document.log.role)"> <option value="select">Select</option> <option value="principal">Principal</option> <option value="hod">Hod</option> <option value="staff">Staff</option> <option value="student">Student</option> </select> </td> <tr> <td></td> <td align="left"><span id="role"></span></td> </tr> </tr> <tr> <td></td> <td><input type="submit" value="Log In"></td> </tr> </table> </form> 

my second issue with onfocusout or onblur event,whenever i click submit button the form is not submitted and on the second click,form submitted.. i need to do this in single click. hlp me if u haave a solution

Answer 1

在“提交”按钮上使用单个功能，然后从该功能调用其他功能。