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>
  • 相关阅读:
    vue路由学习
    vue组件学习
    Vue常用特性
    Vue入门常用指令
    ES6新增语法
    如何搭建一个vue项目(完整步骤)
    OA办公系统
    java有序数组的有序交集
    javascript输出数据到文件
    node js 实现文件上传与反显
  • 原文地址:https://www.cnblogs.com/startl/p/12257767.html
Copyright © 2011-2022 走看看