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


Posted in Javascript onJuly 09, 2015

代码检测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 相关文章推荐
checkbox 复选框不能为空
Jul 11 Javascript
原生JS实现加入收藏夹的代码
Oct 24 Javascript
javascript 用函数语句和表达式定义函数的区别详解
Jan 06 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
Jan 15 Javascript
jQuery利用sort对DOM元素进行排序操作
Nov 07 Javascript
js实现带简单弹性运动的导航条
Feb 22 Javascript
@ResponseBody 和 @RequestBody 注解的区别
Mar 08 Javascript
javascript深拷贝的原理与实现方法分析
Apr 10 Javascript
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
Vue中rem与postcss-pxtorem的应用详解
Nov 20 Javascript
JavaScript ES6 Class类实现原理详解
May 08 Javascript
浅析JavaScript 函数防抖和节流
Jul 13 Javascript
jQuery实现tab选项卡效果的方法
Jul 08 #Javascript
jQuery实现类似淘宝网图片放大效果的方法
Jul 08 #Javascript
javascript实现10个球随机运动、碰撞实例详解
Jul 08 #Javascript
详细分析JavaScript变量类型
Jul 08 #Javascript
js实现图片点击左右轮播
Jul 08 #Javascript
javascript获取重复次数最多的字符
Jul 08 #Javascript
javascript连续赋值问题
Jul 08 #Javascript
You might like
一个用于网络的工具函数库
2006/10/09 PHP
那些年一起学习的PHP(二)
2012/03/21 PHP
php中3种方法删除字符串中间的空格
2014/03/10 PHP
PHP内置过滤器FILTER使用实例
2014/06/25 PHP
PHP explode()函数的几个应用和implode()函数有什么区别
2015/11/05 PHP
JAVASCRIPT对象及属性
2007/02/13 Javascript
用JavaScript实现UrlEncode和UrlDecode的脚本代码
2008/07/23 Javascript
JavaScript中setAttribute用法介绍
2013/07/20 Javascript
Js实现动态添加删除Table行示例
2014/04/14 Javascript
EasyUI实现二级页面的内容勾选的方法
2015/03/01 Javascript
js HTML5 Ajax实现文件上传进度条功能
2016/02/13 Javascript
JS定义类的六种方式详解
2016/05/12 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
拖动时防止选中
2017/02/03 Javascript
js表单序列化判断空值的实例
2017/09/22 Javascript
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
jquery插件懒加载的示例
2020/10/24 jQuery
[54:51]Ti4 冒泡赛第二轮LGD vs C9 3
2014/07/14 DOTA
[02:46]解说DC:感谢430陪伴我们的DOTA2国际邀请赛岁月
2016/06/29 DOTA
Python里disconnect UDP套接字的方法
2015/04/23 Python
详解使用python crontab设置linux定时任务
2016/12/08 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
Pandas:Series和DataFrame删除指定轴上数据的方法
2018/11/10 Python
python列表list保留顺序去重的实例
2018/12/14 Python
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
Python二叉树的镜像转换实现方法示例
2019/03/06 Python
Django ORM 自定义 char 类型字段解析
2019/08/09 Python
python3 logging日志封装实例
2020/04/08 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
Keras 切换后端方式(Theano和TensorFlow)
2020/06/19 Python
CSS3贝塞尔曲线示例:创建链接悬停动画效果
2020/11/19 HTML / CSS
瑞士领先的网上超市:LeShop.ch
2018/11/14 全球购物
Pharmacy Online中文直邮网站:澳洲大型药房
2020/06/27 全球购物
中餐厅经理岗位职责
2014/04/11 职场文书
会计个人实习计划书
2014/08/15 职场文书
初中优秀学生评语
2014/12/29 职场文书