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.自行完整的网页结构。
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要给大家分享的是一则jquery实现炫酷的叠加层自动切换特效，效果非常棒，这里推荐给小伙伴们。2015-02-02
这篇文章主要介绍了jQuery统计指定子元素数量的方法,涉及jQuery可以通过>访问子标签的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了jQuery给元素添加样式的方法,结合实例形式详细分析了jQuery给元素添加样式的各种常见操作技巧,需要的朋友可以参考下2015-12-12
jQuery如今已经成为Web开发中最流行的JavaScript库，通过jQuery和大量的插件，你可以轻松实现各种绚丽的效果。本文将为你介绍一些jquery实用的技巧，希望可以帮助你更加高效地使用jQuery。2015-11-11
jquery showModelDialog的使用方法示例详解
这篇文章主要介绍了window.showModalDialog的使用方法，大家要以参考使用2013-11-11
本篇文章主要是对调用HttpHanlder的几种返回方式进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
jQuery Easyui学习之datagrid 动态添加、移除editor
使用easyui行编辑的时候完成编辑的功能比较简单，但是如果要根据一个框的值动态改变别的值或者编辑的时候禁用某个框的时候就比较麻烦了，下面给大家介绍easyui datagrid 动态添加、移除editor，感兴趣的朋友一起学习吧2016-01-01
每次滚动的长度不要固定死，可以直接获取图片宽度作为滚动的长度。这样当你的网站有很多地方需要这个效果的时候一个函数就可以搞定了2011-12-12
本篇文章主要介绍了JQuery实现图片轮播效果的制作原理以及实现代码，文章末尾附上源码下载，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
jQuery中slidedown与slideup方法用法示例
这篇文章主要介绍了jQuery中slidedown与slideup方法用法,结合实例形式分析了jQuery基于slidedown与slideup方法实现页面元素展开与折叠的实现技巧,需要的朋友可以参考下2016-09-09
最新评论