表单事件onsubmit与onreset

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<form id="form1" action="">
    <input type="text" name="username" placeholder="请输入用户名">
    <button type="submit" name="doSubmit">提交</button>
    <button type="reset" name="soReset">重置</button>
</form>
    <script type="text/javascript">
    var f = document.getElementById(‘form1‘);
    f.onsubmit = function(){
        if(this.username.value == ‘‘){
            alert(‘请输入用户名‘);
            return false;
        }
    }
    f.onreset = function(){
        return confirm(‘你确定要重置?‘);
    }
    </script>
</body>
</html>
时间: 2024-10-15 03:38:46

表单事件onsubmit与onreset的相关文章

js验证阻止表单提交(表单绑定onsubmit事件)

原始方式: <form action="http://www.cnblogs.com/zixueit/" onsubmit="return check()"> <input type="submit" value="提交" /> </form> <script type="text/javascript"> function check(){ if(!conf

2018-06-25 js表单事件、三个高度和Ajax异步通讯技术

表单事件: onfocus -> 表单控件得到焦点时触发: obj_ipt.onfocus=function(){}; onblur -> 表单控件失去焦点时: onchange -> 表单控件内容被改变时: onselect -> 控件被选择时: onsubmit -> 当表单提交时: onreset -> 当表单重置时: 表单对象方法: select() -> 对象被选中: ipt_obj.select(); blur() -> 失去焦点 focus()

表单事件,、

表单事件 onblur//失去焦点时 onchange //内容被改边时 onfocus //获取焦点时 .oninput //用户输入时 onreset//当表单被重置时,作用于form标签 onselect//当内容被选中时 onsubmit //当表单被提交时,作用于form标签: 案例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></ti

javascript中的常用表单事件用法

下面介绍几种javascript中常用的表单事件: 一,onsubmit:表单中的确认按钮被点击时发生的事件,如下案例. 案例解析:弹出表单中提交的内容 <form name="testform" action="#" id="form"> What is your name?<br /> <input type="text" name="fname" /> <in

表单事件

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表单事件</title> 6 </head> 7 <body> 8 <form action=""> 9 <input type="text" name=&

jQuery基础(鼠标事件,表单事件,键盘事件,自定义事件 篇)

1.jQuery鼠标事件之click与dbclick事件 方法一:$ele.click()(不带参数) <div id="test">点击触发<div> $("ele").click(function(){ alert('触发指定事件') }) $("#test").click(function(){ $("ele").click() //手动指定触发事件 });   方法二:$ele.click( h

表单事件(jQuery)

1jQuery表单事件之blur与focus事件 在input元素上绑定keydown事件会发现一个问题: 每次获取的内容都是之前输入的,当前输入的获取不到 keydown事件触发在文字还没敲进文本框,这时如果在keydown事件中输出文本框中的文本,得到的是触发键盘事件前的文本,而keyup事件触发时整个键盘事件的操作已经完成,获得的是触发键盘事件后的文本 当浏览器捕获键盘输入时,还提供了一个keypress的响应,这个跟keydown是非常相似,这里使用请参考keydown这一节,具体说说不

常用的表单事件及用法

记录一下常用的表单事件,因为工作中常用到所以特别记录一下.有jq写法和原生js写法 1.这是select的option的事件,jq写法 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="../jquery-1.10.2.min.

jQuery-3.事件篇---表单事件

jQuery表单事件之blur与focus事件 在之前2.8与2.9节我们学过了表单处理事件focusin事件与focusout事件,同样用于处理表单焦点的事件还有blur与focus事件 它们之间的本质区别: 是否支持冒泡处理 举个简单的例子 <div> <input type="text" /> </div> 其中input元素可以触发focus()事件 div是input的父元素,当它包含的元素input触发了focus事件时,它就产生了foc