提交表单前JS先验证表单不为空才提交

ate0168

于 2020-06-19 17:53:54 发布

阅读量586

点赞数

分类专栏： JS网页效果文章标签： javascript jquery html5

本文链接：https://blog.csdn.net/ate0168/article/details/106861245

版权

在提交HTML表单之前，利用JavaScript进行客户端验证，确保所有字段不为空，增加用户体验并减少无效服务器请求。

摘要由CSDN通过智能技术生成

<script type="text/javascript">
         function check(form) {

          if(form.name.value=='') {
                alert("请输入用户帐号!");
                form.name.focus();
               return false;
           }
       if(form.tel.value==''){
                alert("请输入登录密码!");
                form.tel.focus();
               return false;
         }
         return true;
         }
</script>

	      <form class="message01" action="***.php" method="post" onsubmit="return check(this)">
			  <div class="message01_1">姓名：<input type="text" name="name" placeholder="必填项" value="" class="message01_2"></div>
			  <div class="message01_1">电话：<input type="text" name="tel" placeholder=