• Html form 表单提交前验证


    可以使用form表单的onsubmit方法,在提交表单之前,对表单或者网页中的数据进行检验。

    onsubmit指定的方法返回true,则提交数据;返回false不提交数据。

    直接看下面的代码:

     1 <HTML>
     2     <head>
     3         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     4     </head>
     5     <BODY>
     6         <form action="http://www.baidu.com" onsubmit="return toVaild()">
     7             <input type="text" id="ff">
     8             <input type="submit" id="submit" value ="提交"/>
     9         </form>
    10     </BODY>
    11         <script language="javascript">
    12             function toVaild(){
    13                 var val = document.getElementById("ff").value;
    14                 alert(val);
    15                 if(val == "可以提交"){
    16                     alert("校验成功,之后进行提交");
    17                     return true;
    18                 }
    19                 else{
    20                     alert("校验失败,不进行提交");
    21                     return false;
    22                 }
    23             }
    24     </script>
    25 </HTML>

    上面的网页中,只有在id="ff"的输入框中输入“可以提交”,才进行表单提交;否则不提交。

  • 相关阅读:
    LOJ
    LOJ
    LOJ
    一种树形背包的时间复杂度证明
    [机器学习]第四、五周记录
    [机器学习]第三周记录
    [家里训练20_02_16]C
    [机器学习]第二周记录
    wireshark无响应的问题
    [机器学习]第一周记录
  • 原文地址:https://www.cnblogs.com/xudong-bupt/p/3949631.html
Copyright © 2020-2023  润新知