jquery实现表单验证并阻止非法提交
jquery实现表单验证并阻止非法提交
发布时间:2016-12-30 来源:查字典编辑
摘要:代码检测textarea内填写的长度,未填写时提示需要重新填写,少于15字符时提示需要长于15字符,成功时显示所填写建议。//jQuery代...

代码检测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.自行完整的网页结构。

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类