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 相关文章推荐
javascript 获取元素位置的快速方法 getBoundingClientRect()
Nov 26 Javascript
Javascript 通过json自动生成Dom的代码
Apr 01 Javascript
JavaScript面向对象设计二 构造函数模式
Dec 20 Javascript
《JavaScript函数式编程》读后感
Aug 07 Javascript
jQuery动画显示和隐藏效果实例演示(附demo源码下载)
Dec 31 Javascript
基于jQuery的checkbox全选问题分析
Nov 18 Javascript
jQuery实现获取h1-h6标题元素值的方法
Mar 06 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
Jun 01 Javascript
vue.js中v-on:textInput无法执行事件问题的解决过程
Jul 12 Javascript
详解vue mint-ui源码解析之loadmore组件
Oct 11 Javascript
CKEditor4配置与开发详细中文说明文档
Oct 08 Javascript
详解如何使用微信小程序云函数发送短信验证码
Mar 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
PHP Session变量不能传送到下一页的解决方法
2009/11/27 PHP
php中stream(流)的用法
2014/03/25 PHP
ThinkPHP中关联查询实例
2014/12/02 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
php微信开发之自定义菜单完整流程
2016/10/08 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
从新浪弄下来的全屏广告代码 与使用说明
2007/03/15 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
2015/12/31 Javascript
基于Vue.js的表格分页组件
2016/05/22 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
2016/07/14 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
2017/04/28 Javascript
使用Vue-Router 2实现路由功能实例详解
2017/11/14 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
2020/10/30 Javascript
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
Vue+penlayers实现多边形绘制及展示
2020/12/24 Vue.js
[03:02]辉夜杯主赛事第二日 每日之星
2015/12/27 DOTA
python实现异步回调机制代码分享
2014/01/10 Python
Python break语句详解
2014/03/11 Python
Python的Flask框架中实现登录用户的个人资料和头像的教程
2015/04/20 Python
Python中的集合类型知识讲解
2015/08/19 Python
安全生产实施方案
2014/02/23 职场文书
委托公证书范本
2014/04/03 职场文书
安全生产年活动总结
2014/08/29 职场文书
房屋鉴定委托书范本
2014/09/23 职场文书
党的群众路线教育实践活动总结材料
2014/10/30 职场文书
2015年感恩节活动总结
2015/03/24 职场文书
门店店长岗位职责
2015/04/14 职场文书
初中思品教学反思
2016/02/20 职场文书
jquery插件实现悬浮的菜单
2021/04/24 jQuery
goland设置颜色和字体的操作
2021/05/05 Golang
关于ObjectUtils.isEmpty() 和 null 的区别
2022/02/28 Java/Android
JS前端可扩展的低代码UI框架Sunmao使用详解
2022/07/23 Javascript