码迷,mamicode.com
首页 > Web开发 > 详细

使用onsubmit()验证表单并阻止非法提交(使用jQuery)

时间:2015-07-09 00:12:24      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:

代码检测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 } 24 </script> 25 26 <form action="" method="post" onSubmit="return confirm();" > 27   <textarea id="advice" rows="20" cols="50"placeholder="Give us some advice?"></textarea> 28   <input type="submit"value="Thank you"/> 29 </form>

>关键点

1.必须要有onSubmit="return confirm();" return 这个词,不可缺少。
2.自行完整的网页结构。

使用onsubmit()验证表单并阻止非法提交(使用jQuery)

标签:

原文地址:http://www.cnblogs.com/AndrewXu/p/4631521.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!