美文网首页
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