将数据处理好再提交form表单的代码

下面介绍的内容的适用情况是前端页面做好表单信息未填点提交或保存出现的问题

当信息为空时，一般我们肯定不能把form表单提交到数据库，应该提示信息没填或为空，这一步可以由前端或后端来完成，不过为了减轻服务器的负担，建议是由前端来完成判断

function check(){
   var name = document.getElementById("name").value;   
   if(name ==  null || name == ''){
        alert("用户名不能为空");
        return false;
   }
   return true;
}

<form name="mainform" action="form.php" method="post"  onsubmit="return check()">
  <input type="text" id="name"/>
  <input type="sumit" value="提交"/>
</form>

登录后复制

onsubmit=“return check()”中的return必须加上的，不然check的返回值哪怕是false，仍然提交。也就是说，onsubmit=“return false”为不执行提交；onsubmit=“return true”或onsubmit=“return ”都执行提交。