html form表单提交验证

最新推荐文章于 2025-05-08 16:02:16 发布

蒙--

最新推荐文章于 2025-05-08 16:02:16 发布

阅读量3k

点赞数 1

分类专栏： html

html 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript进行表单验证的方法，通过检查用户名字段是否为空来阻止无效提交。详细展示了如何在HTML表单中使用onsubmit事件触发自定义验证函数，并解释了return语句在控制表单提交过程中的作用。

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

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

<form name="form" action="跳转的页面" 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 ”都执行提交。

转载：https://www.cnblogs.com/xhyouyou/p/4714213.html