form表单submit提交的⾮空判断
通常我们做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(){阮氏三兄弟
会计实习报告3000字var uid = $("#uid").val()
if(uid.length==0){
alert("⽤户名不能为空")
}gift翻译
个人推荐材料范文})
</script>
实际上述代码的alert( )并不能阻⽌该表单提交⼀个空的⽤户名。deicy
所以我们需要在表单提交之前加⼀个⽅法判断提交的为⾮空数据:
<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 fal;
}
return true;
}
重点就是form表单的onsubmit 属性了,我们⽤check( )⽅法返回true / fal来允许 / 阻⽌表单的提交。记住不能忘记后⾯的return ,⼀定是onsubmit=return XXX( )