关于JavaScript的提交和重置事件

最新推荐文章于 2022-10-29 10:27:22 发布

drinkingcode

最新推荐文章于 2022-10-29 10:27:22 发布

阅读量2.7k

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u010661782/article/details/49021111

版权

JavaScript 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

前言：
1> onsubmit 事件会在表单中的确认按钮被点击时发生

2>onreset 事件会在表单中的重置按钮被点击时发生

代码示例如下：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus?">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>提交与重置事件</title>
 </head>
<script type="text/javascript">
<!--
function check(form){
//拿到文本框中的内容
var txt = form.username.value ; 
//判断内容
if(txt == ""){
document.getElementById("sname").innerHTML = " <font color = red>*  姓名必须填写</font>" ;
form.username.focus() ;
return false; 
}

return true ;
}

function fun(form){
alert("重置事件") ;
return true ;
}


//-->
</script>
 <body>
<form method="post" action="01-鼠标的单击事件.html" onsubmit = "return check(this)" onreset = "return fun(this)">
<!--
    1.提交或重置事件必须在form中填写
    2.return check(this)或return fun(this)语句中的return关键字必须写上，
    因为这是提交给浏览器的，浏览器根据form的return的结果为true或false，
    从而决定是否提交或重置，true表示是，false表示否
-->
姓名:<input type="text" name="username"><span id = "sname"></span><br>
<input type="submit" value = "提交">
<input type="reset" value = "重置">
</form>
 </body>
</html>

drinkingcode

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
关于JavaScript的提交和重置事件

前言：1> onsubmit 事件会在表单中的确认按钮被点击时发生2>onreset 事件会在表单中的重置按钮被点击时发生代码示例如下：=================================== 提交与重置事件 function check(form){//拿到文本框中的内容
复制链接

扫一扫