【onsubmit】Form表单onsubmit事件用法详解

您所在的位置:网站首页 什么时候用form 【onsubmit】Form表单onsubmit事件用法详解

【onsubmit】Form表单onsubmit事件用法详解

2024-07-17 12:16| 来源: 网络整理| 查看: 265

表单提交数据时,我们有时会用到onsubmit事件,那么onsubmit事件到底是干什么用的,在什么时候触发onsubmit事件以及如何使用onsubmit。本文章将向大家详细讲解onsubmit事件的工作机制和使用方法。

function submitFun(){       alert("111"); }

上面实例中,当"提交"按钮被点击时,会触发表单的onsubmit事件,此时函数submitFun()被执行(弹出111)并且表单数据也随之提交到服务器。   onsubmit经常用于表单验证。请看下面实例。 function submitFun(obj){       if(obj.category.value==''){           alert("请输入");           return false;       } } 当"提交"按钮被点击时,依然会执行submitFun()函数,在submitFun()函数中,我们对表单输入框进行了空验证,如果为空,提示输入并return false,这样表单就不会提交(上面已经说到:当该事件触发的函数中返回false时,表单就不会被提交)。 同时,这里要注意οnsubmit="return submitFun(this);",不能掉了return,否则表单永远会提交。



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3