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 相关文章推荐
瀑布流布局代码一例
Apr 11 Javascript
JavaScript实现更改网页背景与字体颜色的方法
Feb 02 Javascript
AngularJS 实现按需异步加载实例代码
Oct 18 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
基于jquery实现左右按钮点击的图片切换效果
Jan 27 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
Dec 01 Javascript
PHP抓取HTTPS内容和错误处理的方法
Sep 30 Javascript
jquery利用json实现页面之间传值的实例解析
Dec 12 Javascript
微信小程序block的使用教程
Apr 01 Javascript
基于JavaScript获取base64图片大小
Oct 18 Javascript
JS apply用法总结和使用场景实例分析
Mar 14 Javascript
react antd表格中渲染一张或多张图片的实例
Oct 28 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
简单的过滤字符串中的HTML标记
2006/12/25 PHP
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
PHP导出Excel实例讲解
2016/01/24 PHP
详解WordPress中用于更新和获取用户选项数据的PHP函数
2016/03/08 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
从JavaScript 到 JQuery (1)学习小结
2009/02/12 Javascript
JS拖动技术 关于setCapture使用
2010/12/09 Javascript
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
js创建对象的方式总结
2015/01/10 Javascript
图解js图片轮播效果
2015/12/20 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
2016/09/19 Javascript
axios发送post请求springMVC接收不到参数的解决方法
2018/03/05 Javascript
解决vue 路由变化页面数据不刷新的问题
2018/03/13 Javascript
vue2.0 可折叠列表 v-for循环展示的实例
2018/09/07 Javascript
Vue element-ui父组件控制子组件的表单校验操作
2020/07/17 Javascript
微信小程序实现聊天室
2020/08/21 Javascript
NodeJS配置CORS实现过程详解
2020/12/02 NodeJs
树莓派中python获取GY-85九轴模块信息示例
2013/12/05 Python
Python实现二叉堆
2016/02/03 Python
python SVM 线性分类模型的实现
2019/07/19 Python
详解Python3 pickle模块用法
2019/09/16 Python
python使用beautifulsoup4爬取酷狗音乐代码实例
2019/12/04 Python
python接入支付宝的实例操作
2020/07/20 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
2020/12/17 Python
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
2019/01/17 HTML / CSS
Canvas制作的下雨动画的示例
2018/03/06 HTML / CSS
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
英国领先的餐饮折扣俱乐部:Gourmet Society
2020/07/26 全球购物
《桃林那间小木屋》教学反思
2014/05/01 职场文书
出资证明书范本(标准版)
2014/09/24 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
2015年大学班长个人工作总结
2015/04/24 职场文书
古诗之爱国古诗5首
2019/09/20 职场文书
Python快速实现一键抠图功能的全过程
2021/06/29 Python
从QQtabBar看css命名规范BEM的详细介绍
2021/08/07 HTML / CSS