当做登陆页面时,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时就停止提交。