可以使用form表單的onsubmit方法,在提交表單之前,對表單或者網頁中的數據進行檢驗。
onsubmit指定的方法返回true,則提交數據;返回false不提交數據。
<HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <BODY> <form action="http://www.baidu.com" οnsubmit="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"的輸入框中輸入“可以提交”,才進行表單提交;否則不提交。