zoukankan      html  css  js  c++  java
  • onsubmit事件之form验证

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Title</title>
    </head>
    <body>
    <!--方法一:onclick='return check()'-->
    <!--<form id="fo" onsubmit='return check()'>-->
    <!--方法二:<!--onsubmit="check(event)"-->-->
    <!--<form id="fo" onsubmit='check(event)'>-->
    <!--方法三:通过获得标签对象的方式-->
    <form id="fo" onsubmit='check(event)'>
    <input type="text" name="username">
    <input type="submit" value="submit">
    </form>
    <script>
    //方法一:有返回值
    // function check() {
    //
    // alert('check falure!');
    // return false;
    // }

    //2方法二:加event参数,阻止向后端提交数据
    function check(event) {
    event.preventDefault();

    }
    //方法三:通过获得标签对象的方式
    var form_=document.getElementById('fo');
    form_.onsubmit=function () {
    alert(111);
    return false;
    // event.preventDefault();
    }
    </script>

    </body>
    </html>
  • 相关阅读:
    拥塞避免
    计算机网络常考
    [CODEVS1014]装箱问题
    [CODEVS2055]集合划分
    [CODEVS3641]上帝选人
    [GRYZ2014]递增子序列最大和
    [GRYZ2014]最大连续子序列的和
    金矿模型看动归
    [CODEVS1220]数字三角形
    [CODEVS1294]全排列
  • 原文地址:https://www.cnblogs.com/startl/p/12257767.html
Copyright © 2011-2022 走看看