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 相关文章推荐
多种方式实现JS调用后台方法进行数据交互
Aug 20 Javascript
JS实现自动变换的菜单效果代码
Sep 09 Javascript
jquery zTree异步加载简单实例讲解
Feb 25 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
Aug 08 Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 Javascript
JS动态生成年份和月份实例代码
Feb 04 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
Apr 14 Javascript
详解升级react-router 4 踩坑指南
Aug 14 Javascript
JavaScript实现简单动态进度条效果
Apr 06 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
Feb 28 Javascript
浅谈Vuex注入Vue生命周期的过程
May 20 Javascript
详解如何在JS代码中消灭for循环
Dec 11 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
php smarty截取中文字符乱码问题?gb2312/utf-8
2011/11/07 PHP
PHP 简易输出CSV表格文件的方法详解
2013/06/20 PHP
PHP实现分布式memcache设置web集群session同步的方法
2018/04/10 PHP
详解php反序列化
2020/06/10 PHP
Web前端设计模式  制作漂亮的弹出层
2010/10/29 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
2013/05/15 Javascript
javascript 对象数组根据对象object key的值排序
2015/03/09 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
java必学必会之static关键字
2015/12/03 Javascript
完美的js div拖拽实例代码
2016/09/24 Javascript
微信小程序 页面传参实例详解
2016/11/16 Javascript
js简单正则验证汉字英文及下划线的方法
2016/11/28 Javascript
JS轮播图实现简单代码
2021/02/19 Javascript
Vue集成Iframe页面的方法示例
2017/12/12 Javascript
AngularJS基于MVC的复杂操作实例讲解
2017/12/31 Javascript
jquery写出PC端轮播图实例
2018/01/26 jQuery
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
2018/08/07 Javascript
chosen实现省市区三级联动
2018/08/16 Javascript
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
举例区分Python中的浅复制与深复制
2015/07/02 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
详解python中TCP协议中的粘包问题
2019/03/22 Python
Python中使用__new__实现单例模式并解析
2019/06/25 Python
Python 日志logging模块用法简单示例
2019/10/18 Python
python:动态路由的Flask程序代码
2019/11/22 Python
Django重设Admin密码过程解析
2020/02/10 Python
PyQt使用QPropertyAnimation开发简单动画
2020/04/02 Python
美国旅游网站:Tours4Fun
2017/02/17 全球购物
Carrs Silver官网:英国著名的银器品牌
2020/08/29 全球购物
应届毕业生个人自我评价
2013/09/20 职场文书
毕业实习评语
2014/02/10 职场文书
风之谷观后感
2015/06/11 职场文书
85句关于理想的名言警句大全
2019/08/22 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL
Python如何配置环境变量详解
2021/05/18 Python