form表单提交信息,提交前判断输入框的内容,用onSubmit事件

在做页面的时候,提交信息到后台,我们都会用form表单直接把值传到后台,但是有的要在传值之前判断输入框的值是否符合要求,这样我们可以使用onSubmit事件

例:

1
2
3
4
5
6
7
8
9
10
11
12
13
<form action="queryType.do" method="post" name="form" onSubmit="return check(this);">
    <input type="text" id="user" name="user"/>   
    <input type="submit" value="提交"/>
</form>
<script>
    function check(form){
        if(form.user.value == ''){
              alert("用户名不为空");
              return false;
        }
        return true;
    }
</script>

当点击提交按钮时,会先执行onSubmit事件 ,执行check()函数

当check()函数返回false的时候,form表单不会提交;

只有当check()函数返回true的时候,form表单 才会提交

posted @   董七  阅读(812)  评论(0编辑  收藏  举报
编辑推荐:
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· 程序员常用高效实用工具推荐,办公效率提升利器!
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
点击右上角即可分享
微信分享提示