监听from的submit事件

首先来看段demo

<DOCTYPE html>
<html><head><title>test</title><meta charset="UTF-8"></head><body><form id='from' action='./'><input type='text' id='inOne' placeholder='inOne'><input type='text' id='inTwo' placeholder='inTwo'><button type='submit'>submit</button></form><script>from.onsubmit = function(){if(inOne.value)return true;return false;}</script></body>
</html>

from表单在提交动作完成之前会先触发onsubmit事件，默认返回true。如果返回true，则发送请求；若false，则终止请求。

如果要多from中数据进行监听，你需要重写from的onsubmit事件，如demo所示。

监听from的submit事件相关推荐

python监听鼠标事件_Python中使用PyHook监听鼠标和键盘事件实例
Python 中使用 PyHook 监听鼠标和键盘事件实例 PyHook 是一个基于 Python 的"钩子"库,主要用于监听当前电脑上鼠标和键盘的事件.这个库依赖于另一个 Py ...
android 触摸监听重写_Android监听屏幕的滑动事件
实现监听屏幕上下左右滑动事件前段时间为了实现这个功能在网上找了很多教程,发现很多教程都是很大的篇幅,对于像我这种一点都不了解的人GestureListener的人来说可能很难理解,动不动就是几百行代 ...
java swing列表数据加监听,【Java Swing公开课|Java监听列表项选择事件怎么用，看完这篇文章你一定就会了】- 环球网校...
[摘要]作为一门面向对象编程语言,Java吸收了C++语言的优点,也展现了其强大的一面,我们能在各个地方看到其功能强大和简单易用的两个特征,当然,也吸引了很多程序员的注意力,所以就有人想了解Java的 ...
微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片
以下代码都经过iphone7,华为MT7 ,谷歌浏览器,微信开发者工具,PC端微信验证.如有bug,还请在评论区留言. demo链接:https://pan.baidu.com/s/1c35mbjM ...
[轉]Flash/Flex监听浏览器的关闭事件
FROM : http://blog.ityao.com/archives/581 如果想用Flash/Flex监听浏览器的关闭事件, 可以通过JavaScript的window.onbeforeun ...
监听页面滚动触发事件，页面停止滚动触发事件
监听页面滚动触发事件,页面停止滚动触发事件核心代码 data() {return {timer: null,isTipVisible: true} } methods: {handleScrollS ...
监听浏览器的返回事件，禁止浏览器返回
//禁止页面后退 history.pushState(null,null,document.URL); window.addEventListener('popstate',function(){// ...
angular4点击事件监听_JavaScript从零开始——DOM事件编程（1）
事件的本质是程序各个组成部分之间的一种通信方式,也是异步编程的一种实现.DOM 支持大量的事件,本章开始,我们一起看看 DOM 的事件编程. 1 概念 DOM 的事件操作(监听和触发),都定义在Eve ...
vue图片懒加载插件vue-lazyload监听加载失败事件的解决方案
对于vue项目而言,图片懒加载是一个常见的图片加载方案,可以优化用户体验,而vue-lazyload则是一个广泛使用的插件. 对于某些业务场景,我们需要监听图片加载失败事件,而后进行相应的处理,然 ...

监听from的submit事件

监听from的submit事件相关推荐

最新文章

热门文章