欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-04 22:28:06
...
本文给大家分享的是使用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教程

相关标签: jquery 表单验证