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 相关文章推荐
jQuery分别获取选中的复选框值的示例
Jun 17 Javascript
jquery中radio checked问题
Mar 16 Javascript
JavaScript中的setMilliseconds()方法使用详解
Jun 11 Javascript
Bootstrap前端开发案例二
Jun 17 Javascript
Bootstrap模态窗口源码解析
Feb 08 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
Feb 14 Javascript
详解vue服务端渲染(SSR)初探
Jun 19 Javascript
Vue.js实现网格列表布局转换方法
Aug 25 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
js JSON.stringify()基础详解
Jun 19 Javascript
vue移动端下拉刷新和上滑加载
Oct 27 Javascript
原生Js 实现的简单无缝滚动轮播图的示例代码
May 10 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英文字母大小写转换函数小结
2014/05/03 PHP
php使用递归计算文件夹大小
2014/12/24 PHP
PHP curl伪造IP地址和header信息代码实例
2015/04/27 PHP
javascript函数以及基础写法100多条实用整理
2013/01/13 Javascript
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
2013/08/05 Javascript
构造函数+原型模式构造js自定义对象(最通用)
2014/05/12 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
2015/02/10 Javascript
jQuery scrollFix滚动定位插件
2015/04/01 Javascript
javascript实现移动端上的触屏拖拽功能
2016/03/04 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
2016/08/19 Javascript
基于javascript实现按圆形排列DIV元素(三)
2016/12/02 Javascript
微信小程序左右滑动切换页面详解及实例代码
2017/02/28 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
2017/04/26 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
jquery加载单文件vue组件的方法
2017/06/20 jQuery
基于Axios 常用的请求方法别名(详解)
2018/03/13 Javascript
解决Layui数据表格显示无数据提示的问题
2019/11/14 Javascript
Vue 中 filter 与 computed 的区别与用法解析
2019/11/21 Javascript
[46:55]Ti4 冒泡赛第二轮 LGD vs C9
2014/07/14 DOTA
Python中isnumeric()方法的使用简介
2015/05/19 Python
对numpy中shape的深入理解
2018/06/15 Python
Python装饰器简单用法实例小结
2018/12/03 Python
Django多层嵌套ManyToMany字段ORM操作详解
2020/05/19 Python
记一次django内存异常排查及解决方法
2020/08/07 Python
用python实现一个简单计算器(完整DEMO)
2020/10/14 Python
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
汤米巴哈马官方网站:Tommy Bahama
2017/05/13 全球购物
澳大利亚网上玩具商店:Mr Toys Toyworld
2018/03/25 全球购物
ABOUT YOU匈牙利:500个最受欢迎的时尚品牌
2019/07/19 全球购物
大学自我鉴定范文
2013/12/26 职场文书
邀请函模板
2015/02/02 职场文书
高一地理教学工作总结
2015/08/12 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
2016年公务员六五普法心得体会
2016/01/21 职场文书
python 三边测量定位的实现代码
2021/04/22 Python
Python可视化动图组件ipyvizzu绘制惊艳的可视化动图
2022/04/21 Python