form的onsubmit事件--表单提交前的验证最佳实现方式

最新推荐文章于 2022-04-14 18:12:22 发布

S852509769

最新推荐文章于 2022-04-14 18:12:22 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： javaweb项目开发错误总结

本文链接：https://blog.youkuaiyun.com/S852509769/article/details/83899862

javaweb项目开发错误总结专栏收录该内容

20 篇文章

订阅专栏

本文详细介绍了如何使用HTML的onsubmit事件进行表单提交前的验证，通过JavaScript函数检查表单字段是否为空，确保数据完整后再提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

form应该也有提交前的事件，上网一查，真有，就是onsubmit。此事件的功能就是在表单提交前自动执行指定的东西。

复制代码

 1 function check(){
 2    var name = document.getElementById("name").value;
 3    if(name ==  null || name == ''){
 4         alert("用户名不能为空");
 5         return false;
 6    }
 7    return true;
 8 }
 9 
10 <form name="form" action="跳转的页面" method="post"  onsubmit="return check()">
11   <input type="text" id="name"/>
12   <input type="sumit" value="提交"/>
13 </form>

复制代码

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