当做登陆页面时,JS判断用户名密码为空时需要阻止form表单提交。
<script type="text/javascript">
var a = true;
function validate(){
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if(username==""||password==""){
alert("Can't be empty");
a= false;
return;
}else{
a=true;
}
}
function checkinput(){
return a;
}
</script>
<body> <form method="post" action="hello.do" onsubmit="return checkinput();"> Username: <input type="text" name="username" id="username"><br><br> Password: <input type="password" name="password" id="password"><br><br> <center> <input type="submit" value="Login" name="login" onclick="validate()"> </center> </form> </body>
点击submit后验证为空,form里的onsubmit获取到为false时就停止提交。