form表单submit提交的非空判断

更新时间:2023-06-29 20:25:02 阅读: 评论:0

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( )

本文发布于:2023-06-29 20:25:02,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1068878.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:提交   表单   不能
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图