通常我们做form表单经常或用到submit提交按钮，但是在提交之前一般要判断提交的数据不为空才能完成提交。
之前在做注册练习的时候，我用的方法是用js判断input的值不为空，为空则alert("用户名不能为空")
<body>
<form action="post.php" method="post">
<span>用户名</span>
<input type="text" id="uid" name="uid" />
<input type="sumbit" value="注册" id="btn" />
</form>
</body>
<script type="text/javascript">
$("#btn").click(funtion(){
var uid = $("#uid").val()
if（uid.length==0){
alert("用户名不能为空")
}
})
</script>
实际上述代码的alert( )并不能阻止该表单提交一个空的用户名。
所以我们需要在表单提交之前加一个方法判断提交的为非空数据：
<form action="post.php" method="post" onsubmit="return check()">
<span>用户名</span> <input type="text" id="uid" name="uid" />
<input type="sumbit" value="注册" id="btn" /></form>
<script type="text/javascript">
function check(){
var uid = $("#uid").val();
if(uid == null || uid == ""){
alert("用户名不能为空");
return false;
}
return true;
}
重点就是form表单的onsubmit 属性了， 我们用check( )方法返回true / false来允许 / 阻止表单的提交。记住不能忘记后面的return ，一定是οnsubmit=return XXX( )
扫一扫
370
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
