Html form 表单提交前验证

来源：互联网发布：校园网络认证管理系统编辑：程序博客网时间：2024/04/28 08:03

<HTML>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    </head>    <BODY>        <form action="http://www.baidu.com" onsubmit="return toVaild()">            <input type="text" id="ff">            <input type="submit" id="submit" value ="提交"/>        </form>    </BODY>        <script language="javascript">            function toVaild(){                var val = document.getElementById("ff").value;                alert(val);                if(val == "可以提交"){                    alert("校验成功，之后进行提交");                    return true;                }                else{                    alert("校验失败，不进行提交");                    return false;                }            }    </script></HTML>

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

0 0