zoukankan      html  css  js  c++  java
  • 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"的输入框中输入“可以提交”,才进行表单提交;否则不提交。

     
     
  • 相关阅读:
    hdu 4333 扩展kmp
    扩展KMP
    hdu 1026 bfs+记录路径
    2015-04-26 校赛总结
    hdu 1514 记忆化搜索
    hdu 1208 记忆化搜索
    hdu 2266 dfs
    hdu 1518 dfs+剪枝
    android:layout_gravity和android:gravity的区别
    深圳市住房公积金提取办法
  • 原文地址:https://www.cnblogs.com/wicub/p/5775485.html
Copyright © 2011-2022 走看看