美文网首页
JavaScript入门级学习笔记

JavaScript入门级学习笔记

作者: Allen的光影天地 | 来源:发表于2018-05-29 17:15 被阅读3次

    事件处理

    • 其中比较常用的是onsubmit用于表单验证,废话不多说,看一个小例子程序就都懂了
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>onSubmit</title>
        <script type="text/javascript">
            function check() {
                if (document.test.t.value == ""){
                    alert('谁让你啥也不输入就点击提交??');
                    return false;
                }else{
                    alert('nice,胸袋');
                    return true;
                }
            }
        </script>
    </head>
    <body>
        <form name="test" action="Form.html" method="post" onsubmit="return check()">
            <input type="text" name="t">
            <input type="submit" value="ok">
    
        </form>
    </body>
    </html>
    
    • 第二个比较常用的是confirm,经常用于删除文件前的确认,同样看一个小栗子🌰
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>function</title>
        <script type="text/javascript">
           function deleteIt() {
               if (confirm("刘佳荣是猪猪女孩吗")) {
                    document.big.submit();
               }
           }
        </script>
    </head>
    <body>
    <form name="big" action="3.html" method="post">
        <input type="buttom" value="删除文件" onclick="deleteIt()">
    </form>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:JavaScript入门级学习笔记

          本文链接:https://www.haomeiwen.com/subject/uueajftx.html