关于onsubmit 阻止form表单提交
通过使用form表单的onSubmit事件可以在表单提交之前做点什么事情。
比如说判断表单的数据是否为空啊,是否符合格式啊什么的。
-------------------------------------------------------------------------优雅的分割线--------------------------------------------------------------------
来一段精致的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>onsubmit测试</title>
<script type="text/javascript">
function check() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if(username.length == 0 || username == null){
alert("用户名不能为空");
return false;
}
if(password.length == 0 || password == null){
alert("密码不能为空");
return false;
}
return true;
}
</script>
</head>
<body>
<form action="javascript:;" method="post" onsubmit="return check()">
用户名:<input type="text" name="username" id="username" /><br />
密码:<input type="text" name="password" id="password" /><br />
<input type="submit" value="提交"/>
</form>
</body>
</html>
再来三张效果图看哈
未输入用户名
未输入密码
已输入用户名和密码
注意: 在onsubmit方法里面一定要加上return 方法名()