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 相关文章推荐
通过event对象的fromElement属性解决热区设置主实体的一个bug
Dec 22 Javascript
setTimeout和setInterval的深入理解
Nov 08 Javascript
JavaScript中判断对象类型的几种方法总结
Nov 11 Javascript
JavaScript中window.showModalDialog()用法详解
Dec 18 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
Apr 28 Javascript
JavaScript实现前端分页控件
Apr 19 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
Jan 20 Javascript
JavaScript刷新页面的几种方法总结
Mar 28 Javascript
微信小程序开发打开另一个小程序的实现方法
May 17 Javascript
基于vue--key值的特殊用处详解
Jul 31 Javascript
JavaScript实现多文件下载方法解析
Aug 07 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计算当前坐标3公里内4个角落的最大最小经纬度实例
2016/02/26 PHP
win10环境PHP 7 安装配置【教程】
2016/05/09 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
Javascript 兼容firefox的一些问题
2009/05/21 Javascript
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
javascript AOP 实现ajax回调函数使用比较方便
2010/11/20 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
JavaScript中提前声明变量或函数例子
2014/11/12 Javascript
JavaScript中的Primitive对象封装介绍
2014/12/31 Javascript
详解jquery事件delegate()的使用方法
2016/01/25 Javascript
使用JQuery 加载页面时调用JS的实现方法
2016/05/30 Javascript
Bootstrap如何创建表单
2016/10/21 Javascript
web打印小结
2017/01/11 Javascript
vue父组件通过props如何向子组件传递方法详解
2017/08/16 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
详解vue-router 初始化时做了什么
2018/06/11 Javascript
微信小程序CSS3动画下拉菜单效果
2018/11/04 Javascript
koa-router路由参数和前端路由的结合详解
2019/05/19 Javascript
Vue封装Axios请求和拦截器的步骤
2020/09/16 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛 DT VS HGT
2014/05/22 DOTA
Python函数式编程指南(一):函数式编程概述
2015/06/24 Python
Python中index()和seek()的用法(详解)
2017/04/27 Python
python reduce 函数使用详解
2017/12/05 Python
python函数的万能参数传参详解
2019/07/26 Python
python 导入数据及作图的实现
2019/12/03 Python
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
反邪教宣传工作方案
2014/05/07 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
三方协议书
2015/01/27 职场文书
满月酒邀请函
2015/01/30 职场文书
贷款工资证明范本
2015/06/12 职场文书
2015年学校消防安全工作总结
2015/10/14 职场文书
python学习之panda数据分析核心支持库
2021/05/07 Python
vue响应式原理与双向数据的深入解析
2021/06/04 Vue.js
SpringBoot工程下使用OpenFeign的坑及解决
2021/07/02 Java/Android