jquery实现表单验证并阻止非法提交

本文给大家分享的是使用jquery实现表单验证并阻止非法提交的代码，思路非常不错，这里推荐给小伙伴们参考下。

代码检测textarea内填写的长度，未填写时提示需要重新填写，少于15字符时提示需要长于15字符，成功时显示所填写建议。

1. <script type="text/javascript"> 
2. //jQuery代码 
3. function confirm() 
4. { 
5. 　　if($("#advice").val().length == 0) 
6. { 
7. 　　alert("We can't see your advice. Maybe you should fill the form first."); 
8. 　　$("#advice").focus(); 
9. 　　return false; 
10. } 
11. else if($("#advice").val().length <= 15) 
12. { 
13. 　　alert("Your advice should longer than 15 letters."); 
14. 　　$("#advice").focus(); 
15. 　　return false; 
16. } 
17. else 
18. { 
19. 　　alert("Thank you for your advice! You will get out reply in 24 hours for advice:/n"+$("#advice").val()); 
20. 　　return true; 
21. } 
22. } 
23. </script> 
24. <form action="" method="post" onSubmit="return confirm();" > 
25. 　　<textarea id="advice" rows="20" cols="50"placeholder="Give us some advice?"></textarea> 
26. 　　 <input type="submit"value="Thank you"/> 
27. </form> 

>关键点

1.必须要有onSubmit="return confirm();" return 这个词，不可缺少。

2.自行完整的网页结构。

以上所述就是本文的全部内容了，希望大家能够喜欢。