onsubmit表单注册

最新推荐文章于 2022-07-09 15:45:08 发布

川沙妲己。

最新推荐文章于 2022-07-09 15:45:08 发布

阅读量115

点赞数

文章标签： elementui javascript vue.js 前端 html5

本文链接：https://blog.csdn.net/qq_48517846/article/details/123449175

版权

事件：电脑输入设备与页面进行交互的响应。
<1.常用的事件：
onload加载完成事件；onclick单击事件；onblur失去焦点事件；onchange内容发生改变事件；onsubmit表单提交事件
<2.事件的注册：
（1.静态注册
（2.动态注册

事件的注册又分为静态注册和动态注册两种。

什么是事件的注册(绑定) ?

其实就是告诉浏览器，当事件响应后要执行哪些操作代码，叫事件注册或事件绑定。

静态注册事件:通过html标签的事件属性直接赋于事件响应后的代码，这种方式我们叫静态注册。

动态注册事件：是指先通过js代码得到标签的dom对象，然后再通过dom对象.事件名=function(){}这种形式赋于事件响应后的代码，叫动态注册。

动态注册基本步理:

1.获取标签对象

2.标签对象.事件名=function(){}

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript">
		//静态注册表单提交事务
		function onsubmitfun(){
			//要验证表单是否合法，若有一个不合法就阻止表单提交
			alert("静态注册表单提交事务");
			return false;
		}
		window.onload = function(){
			//获取标签
			var subobj = document.getElementById("sub01");
			//通过标签对象.事件名 = function(){}
			subobj.onsubmit=function(){
				alert("动态注册表单提交事务");
				return false;
			}
		}
		 
	</script>
</head>
<body>
	<!--静态注册时return不可省略-->
	<form action="http://localhost:8080" method="get" onsubmit="return onsubmitfun();">
		<input type="submit" value="静态注册"/>
	</form>
	<form action="http://localhost:8080" id="sub01">
		<input type="submit" value="动态注册"/>
	</form>
</body>
</html>