jquery實現(xiàn)表單驗證并阻止非法提交
更新時間:2015年07月09日 08:51:18 投稿:hebedich
本文給大家分享的是使用jquery實現(xiàn)表單驗證并阻止非法提交的代碼,思路非常不錯,這里推薦給小伙伴們參考下。
代碼檢測textarea內填寫的長度,未填寫時提示需要重新填寫,少于15字符時提示需要長于15字符,成功時顯示所填寫建議。
<script type="text/javascript"> //jQuery代碼 function confirm() { if($("#advice").val().length == 0) { alert("We can't see your advice. Maybe you should fill the form first."); $("#advice").focus(); return false; } else if($("#advice").val().length <= 15) { alert("Your advice should longer than 15 letters."); $("#advice").focus(); return false; } else { alert("Thank you for your advice! You will get out reply in 24 hours for advice:\n"+$("#advice").val()); return true; } } </script> <form action="" method="post" onSubmit="return confirm();" > <textarea id="advice" rows="20" cols="50"placeholder="Give us some advice?"></textarea> <input type="submit"value="Thank you"/> </form>
>關鍵點
1.必須要有onSubmit="return confirm();" return 這個詞,不可缺少。
2.自行完整的網(wǎng)頁結構。
以上所述就是本文的全部內容了,希望大家能夠喜歡。
相關文章
jQuery實現(xiàn)下拉菜單(內容為時間)的實時更新及圖表的隨動更新的方法
這篇文章主要介紹了實現(xiàn)下拉菜單(內容為時間)的實時更新及圖表的隨動更新的方法的相關資料,需要的朋友可以參考下2016-07-07