js阻止表單提交的兩種方法
阿新 • • 發佈：2017-08-14
js阻止表單提交的兩種方法
<body>
<form action="clock.html" method="post" onsubmit="return checkLength()">
<p>name:<input type="text" name="user" id="user"></p>
<input type="submit" id="submit" name="submit">
</form>
</body>
</html>~~~
clock.html是一個時鐘頁面。
第一種方法：利用event的阻止默認事件機制，頁面載入之後獲得submit元素，然後為submit註冊click響應函數，參數為event事件。
在用戶點擊submit觸發響應函數後，直接event.preventDefault();阻止表單轉跳的默認事件。
第二種方法：在表單form標簽下屬性onsubmit="return checkLength()"（ie能實現，谷歌不能實現）或 id="submit"的input標簽下添加屬性 checkLength()"
上面的代碼是兩種方法的集合，可自己刪減。
本文出自 “Exist” 博客，請務必保留此出處http://exist.blog.51cto.com/10305882/1955965
js阻止表單提交的兩種方法