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"的输入框中输入“可以提交”,才进行表单提交;否则不提交。

  • 相关阅读:
    03 获取元素节点对象的方式
    02 window对象的常用方法
    01 BOM对象介绍
    10 for循环介绍和应用
    09 三元运算
    序列化pickle
    随机数random模块
    datetime模块时间运算
    time模块细讲
    时间处理模块
  • 原文地址:https://www.cnblogs.com/xudong-bupt/p/3949631.html
Copyright © 2011-2022 走看看