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 相关文章推荐
将CKfinder整合进CKEditor3.0的新方法
Jan 10 Javascript
jQuery点击后一组图片左右滑动的实现代码
Aug 16 Javascript
jQuery提交多个表单的小例子
Jun 30 Javascript
JS实现一键回顶功能示例代码
Oct 28 Javascript
AngularJS内置指令
Feb 04 Javascript
JavaScript中函数(Function)的apply与call理解
Jul 08 Javascript
javascript小数精度丢失的完美解决方法
May 31 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
Jun 14 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
Aug 23 Javascript
jsTree使用记录实例
Dec 01 Javascript
AngulaJS路由 ui-router 传参实例
Apr 28 Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 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/07 PHP
PHP设计模式之适配器模式代码实例
2015/05/11 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
jQuery Validation实例代码 让验证变得如此容易
2010/10/18 Javascript
Jquery Ajax的Get方式时需要注意URL地方
2011/04/07 Javascript
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
2011/09/22 Javascript
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
JavaScript中的数组特性介绍
2014/12/30 Javascript
JS清除选择内容的方法
2015/01/29 Javascript
jQuery实现内容定时切换效果完整实例
2016/04/06 Javascript
解决前端跨域问题方案汇总
2016/11/20 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
jquery.form.js异步提交表单详解
2017/04/25 jQuery
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
2018/04/25 Javascript
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
Puppeteer环境搭建的详细步骤
2018/09/21 Javascript
Javascript之高级数组API的使用实例
2019/03/08 Javascript
vue实现动态按钮功能
2019/05/13 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
[05:43]VG.R战队教练Mikasa专访:为目标从未停止战斗
2016/08/02 DOTA
python访问sqlserver示例
2014/02/10 Python
浅谈sklearn中predict与predict_proba区别
2020/06/28 Python
使用css3实现的tab选项卡代码分享
2014/12/09 HTML / CSS
前端使用canvas生成盲水印的加密解密的实现
2020/12/16 HTML / CSS
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
Big Green Smile法国:领先的英国有机和天然产品在线商店
2021/01/02 全球购物
委托与事件是什么关系?为什么要使用委托
2014/04/18 面试题
实习教师自我鉴定
2013/12/12 职场文书
经贸日语专业个人求职信范文
2014/04/29 职场文书
机动车登记业务委托书
2014/10/08 职场文书
三好学生评语大全
2014/12/29 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
选对餐饮营销策略,营业额才会上涨
2019/08/27 职场文书
Python实现灰色关联分析与结果可视化的详细代码
2022/03/25 Python