jquery实现表单验证并阻止非法提交
更新时间：2015年07月09日 08:51:18 投稿：hebedich
本文给大家分享的是使用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.自行完整的网页结构。
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
第一次用JSON作为jquery异步请求的传输对象，结果在jquery请求后返回的结果是字符串还是json对象上折腾了半天。等到问题解决了，也大致明白怎么个意思了，归根结底还是对jquery对相关json对象获取的理解有所偏差。2009-07-07
jquery support主要是检测浏览器兼容性，支持力度的方法，用于展示不同浏览器各自特性和bug的属性集合。作为一个静态成员，提供给jquery内部函数，告诉他们某些功能是否能用。避免了以往通过检测浏览器版本做修改。下面我们通过源码详细解读jQ中浏览器兼容模块support。2016-08-08
js之ActiveX控件使用说明 new ActiveXObject()
ActiveX 控件广泛用于Internet。它们可以通过提供视频、动画内容等来增加浏览的乐趣。不过，这些程序可能出问题或者向您提供不需要的内容2014-03-03
鼠标经过导航条改变背景图的效果很是好看，下面为大家介绍下使用jquery是如何实现的，感兴趣的朋友可以参考下2013-12-12
这篇文章主要介绍了利用JQuery和Servlet实现跨域提交请求示例,需要的朋友可以参考下2014-02-02
这篇文章主要为大家详细介绍了jQuery实现手风琴小案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
通过jquery和css相结合的方式实现鼠标点击图片弹出画廊切换特效，效果逼真，下面小编把源码分享给大家供大家参考2015-11-11
用户可以通过鼠标拖拽柱状图从而改变每根柱子的高度，最终达到通过鼠标拖拽图形界面来修改服务器数据的目的。2010-11-11
jquery的Theme和Theme Switcher使用小结
jquery的Theme和Theme Switcher使用总结，学习jquery Theme的朋友可以参考下。2010-09-09
这篇文章主要介绍了jquery选择器原理介绍($()使用方法),需要的朋友可以参考下2014-03-03
最新评论