提交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>

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

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
提交表单之前,可以使用JavaScript来检查表单数据的正确性。可以在提交验证所有的输入字段,例如: 1. 检查输入是否为空 2. 检查输入是否符合特定的格式,比如邮箱地址或者电话号码 3. 检查输入是否超过最大长度限制 下面是一个简单的示例,可以在提交表单之前检查表单数据的正确性: ```html <form id="myForm" action="submit.php" method="post"> <label for="name">Name:</label> <input type="text" id="name" name="name"> <label for="email">Email:</label> <input type="email" id="email" name="email"> <button type="submit">Submit</button> </form> <script> const form = document.getElementById("myForm"); form.addEventListener("submit", function(event) { event.preventDefault(); // 阻止表单提交 // 获取表单数据 const nameInput = document.getElementById("name"); const emailInput = document.getElementById("email"); // 检查输入是否为空 if (nameInput.value.trim() === "") { alert("请输入姓名"); return; } // 检查邮箱地址是否合法 const emailRegex = /\S+@\S+\.\S+/; if (!emailRegex.test(emailInput.value)) { alert("邮箱地址不合法"); return; } // 提交表单 form.submit(); }); </script> ``` 在这个示例中,我们使用addEventListener方法来监听表单的submit事件,并阻止表单提交。然后,我们获取表单中的输入字段,并使用JavaScript来检查输入是否符合要求。最后,如果所有的输入都符合要求,我们就提交表单。如果输入不符合要求,则弹出一个警告框,并停止表单提交

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值