表单事件

最新推荐文章于 2022-02-25 16:33:40 发布
最新推荐文章于 2022-02-25 16:33:40 发布
阅读量197 收藏
点赞数
分类专栏： DOM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/osweet12345678/article/details/52095810
版权


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload = function() {
 
 var oForm = document.getElementById('form1');
 
 //onsubmit : 当表单被提交的时候触发
 
 oForm.onsubmit = function() {
  
  if (this.username.value == '') {
   alert('请填写用户名');
   return false;
  }
  
 }
 
 //onreset : 当表单要重置的时候触发
 oForm.onreset = function() {
  //alert(1);
  
  //confirm('你确定要重置？');
  
  //alert( confirm('你确定要重置？') );
  
  //return true;
  
  /*if ( confirm('你确定要重置？') ) {
   return true;
  } else {
   return false;
  }*/
  
  return confirm('你确定要重置？');
  
 }
 
 confirm('你确定要重置？');
 document.title = 1;
 
}
</script>
</head>

<body>
 <form id="form1" action="http://www.baidu.com">
     <input type="text" name="username" />
        <input type="password" name="password" />
        <!--<input type="button" value="提交" />-->
        <input type="submit" value="提交" />
        <input type="reset" value="重置" />
    </form>
</body>
</html>

难瘦不难过
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS 系列之 事件—表单事件
Happy Simon
03-15 2724
今天跟大家分享一下JS系列之表单事件。 1 表单事件的种类 1.1 input 事件 input事件当、、的值发生变化时触发。对于复选框（）或单选框（），用户改变选项时，也会触发这个事件。另外，对于打开contenteditable属性的元素，只要值发生变化，也会触发input事件。 input事件的一个特点，就是会连续触发，比如用户每按下一次按键，就会触发一次input事件。 input事件对象...
javascript表单事件处理方法详解
10-22
JavaScript是Web开发中不可或缺的一部分，尤其在处理用户交互时，如表单事件。表单是网页中最常见的元素之一，用于收集用户输入的数据。本篇文章将深入探讨JavaScript如何处理表单事件，以帮助开发者更好地理解这一...
表单事件属性
qew~java
02-04 2822
表单事件是由HTML表单内部的动作触发事件，适用于所有的HLML5元素，主要用于表单元素中。表单事件属性如下所示： onblur :当元素失去焦点时触发事件 onchange :当元素改变时触发事件 oncontextmenu :当触发上下菜单时触发事件 onfous:单元素获得焦点时触发事件 onformchange :当标的改变时触发该事件 onforminput：当表单获得用户输
表单事件（JavaScript）
weixin_50053454的博客
02-25 3437
常见的表单事件类型： 1.input输入事件 关注输入过程 var textInput = document.getElementById("myInput") var radios = document.getElementsByName("sex") textInput.oninput = function(){ console.log("input", this.value) } 2.change更新事件 关注输入结果 textInput.oncha
90事件分类——表单事件
Blog of Lytracy
11-29 920
文章目录1、表单事件2、提交和重置表单应用 表单事件指的是对Web表单操作时发生的事件。 例如，表单提交前对表单的验证，表单重置时的确认操作等。JavaScript提供了相关的表单事件。 1、表单事件 submit事件的实现通常要绑定到<form>标签上，在用户单击submit按钮提交表单时触发。reset事件用于单击重置按钮时触发。这两个事件的返回值若是false则会取消默认的操作，否则将执行默认操作。 2、提交和重置表单应用 ...
JavaScript（五）—— JavaScript 表单及表单事件
Jsundoku的博客
03-26 4448
文章目录
jquery的表单事件
xuexizhe88的博客
08-22 1236
表单事件是web开发中常用的事件，以jquery为例，梳理一下jquery的表单事件。 1、blur事件 为元素，失去焦点的时候触发的。 2、focus事件 为元素，获取焦点的时候触发的。 3、change事件 ，和的值都是可以发生改变的，可以通过change事件监听元素改变的动作， input元素：监听input中value值的变化，当value改变时，失去焦点后触发c
表单事件——表单基础知识
wobushixiaobailian的博客
11-02 5623
文章目录一、提交表达二、重置表单三、表达字段 表单的私有属性和方法 属性或方法 描述 acceptCharset 服务器能够处理的字符集;等价于 HTML 中的 accept-charset 特性。 action 接受请求的 URL;等价于 HTML 中的 action 特性。 elements 表单中所有控件的集合(HTMLCollection) 。 enctype...
JS:表单事件（7个）
weixin_59519449的博客
10-09 1694
表单事件 属性 描述 onfocus 元素获取焦点时触发 onblur 元素失去焦点时触发 onchange 该事件在表单元素的内容改变时触发( input, select, 和 textarea) oninput 元素获取...
Form表单事件提交的几种方法
weixin_49756432的博客
06-07 3946
表单事件的提交分为同步提交和异步提交。 form属性:规定输入域所属的一个或多个表单。 注释：form 属性适用于所有 <input> 标签的类型。 form 属性必须引用所属表单的 id： 3.禁用表单自动提交方式：onsubmit=”return false;” 4.用javaScript方法来实现表单数据的获取和提交： ”get”: 可以通过形参的方式去接收。 1先在控制器中声明一个方法，再声明一个变量去接收用字符串拼接起来的属性值。 ...
html表单处理js,javascript表单事件处理方法详解
weixin_34287049的博客
06-30 1163
本文实例为大家分享了javascript处理表单事件的常用方法，供大家参考，具体内容如下1、访问表单对象的常用方法：①：根据元素的id属性；var myform=document.getElementById("myformid"); //myformid是某个元素的ID；②：根据元素的name属性；var myform=document.forms["myformname"]; 　　//myf...
jQuery表单事件实例代码分享
10-21
jQuery表单事件是一个广泛应用于Web开发中，用于处理用户输入和表单提交等交互的工具。jQuery提供了一套丰富的事件方法，这些方法可以被用来监听和响应表单内的各种事件，比如文本字段获得焦点、失去焦点、输入内容...
JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例代码
最新发布
06-27
JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例代码 JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件）示例代码JavaScript 事件处理 常用事件（鼠标事件、键盘事件、表单事件...
js表单事件详细汇总
10-27
在Web开发中，JavaScript事件处理是一种核心机制，它允许开发者为网页添加交互性。页面上发生的各种操作，...在处理表单事件时，了解每一个事件的工作机制和触发时机，能够更好地提升用户体验，使表单行为更符合预期。
优酷弹窗
难瘦不难过的专栏
08-02 1419
 无标题文档 body {margin: 0;} #mask {background: black; opacity: 0.3; filter: alpha(opacity=30); position: absolute; left: 0; top: 0; display: none;} #box { width: 300px; height: 200px; pad
onchange
难瘦不难过的专栏
08-02 1164
 无标题文档 window.onload = function() {    var oForm = document.getElementById('form1');  var oBtn = document.getElementById('btn');    //onchange : 当值发生改变的时候触发    //text : 当光标离开元素的时候
getPos
难瘦不难过的专栏
08-02 875
 无标题文档 div {padding: 40px 50px;} #div1 {background: red;position: relative;} #div2 {background: green; position: relative;} #div3 {background: orange; position: relative;} window
DOM addClass MOveClass
难瘦不难过的专栏
08-01 659
 html> lang="en"> charset="UTF-8"> 添加Class window.onload=function(){ var oDiv=document.getElementById('div1'); //addClass(oDiv,'box');
父结点
难瘦不难过的专栏
08-02 422
 HTML> http-equiv="Content-Type" content="text/html; charset=utf-8"> 无标题文档 window.onload = function() { var aA = document.getElementsByTagName('a'); for (var i=0; i; i++)
JavaScript表单事件详解与示例
"JavaScript表单事件是Web开发中不可或缺的一部分，它们允许开发者对用户的交互行为进行响应和处理。本文详细汇总了23种常见的JavaScript表单事件，涵盖了从页面加载到用户输入、鼠标操作以及表单提交等各个方面的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值