首页> 基础笔记 >JS/JQ基础学习 >事件 事件
JavaScript-表单提交事件和重置事件
作者:小萝卜 2023-03-22 【 javascript 】 浏览 514
简介JavaScript-表单提交事件和重置事件onsubmit,onreset
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单提交事件</title>
</head>
<body>
<form action="8.html" id="myForm">
<input type="text" name="username"><br>
<input type="password" name="password"><br>
<input type="submit" value="提交"><input type="reset" value="重置">
</form>
<script type="text/javascript">
var myForm = document.getElementById('myForm');
//绑定事件 onsubmit事件和onreset事件都属于form元素
myForm.onsubmit = function(){
alert('我要被提交了......');
//阻止form元素默认的提交行为
return false;
}
myForm.onreset = function(){
alert('我要被重置了....');
return false;
}
</script>
</body>
</html>
很赞哦! (0)
上一篇:JavaScript-事件的冒泡