表单事件onsubmit与onreset

Posted codeing or artist ?

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单事件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>

 

以上是关于表单事件onsubmit与onreset的主要内容,如果未能解决你的问题,请参考以下文章

表单事件,

js表单事件

为什么表单在上一个值而不是默认值时调用onreset?

js常用事件

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

JavaScript随笔4