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 removeChild 使用注意事项
Apr 11 Javascript
JQuery 操作Javascript对象和数组的工具函数小结
Jan 22 Javascript
基于JavaScript 声明全局变量的三种方式详解
May 07 Javascript
Jquery获取元素的父容器对象示例代码
Feb 10 Javascript
node+express+jade制作简单网站指南
Nov 26 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 Javascript
vue插件vue-resource的使用笔记(小结)
Aug 04 Javascript
Vue组件的使用教程详解
Jan 05 Javascript
Vue中的methods、watch、computed的区别
Nov 26 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
Mar 06 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
Feb 27 Javascript
vue使用节流函数的踩坑实例指南
May 20 Vue.js
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
用Simple Excel导出xls实现方法
2012/12/06 PHP
php 强制下载文件实现代码
2013/10/28 PHP
php实现utf-8转unicode函数分享
2015/01/06 PHP
PHP使用ODBC连接数据库的方法
2015/07/18 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
PHP面向对象五大原则之里氏替换原则(LSP)详解
2018/04/08 PHP
laravel 实现划分admin和home 模块分组
2019/10/15 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
javascript delete 使用示例代码
2010/03/29 Javascript
用jquery等比例控制图片宽高的具体实现
2014/01/28 Javascript
利用jquery.qrcode在页面上生成二维码且支持中文
2014/02/12 Javascript
将中国标准时间转换成标准格式的代码
2014/03/20 Javascript
uploadify多文件上传参数设置技巧
2015/11/16 Javascript
JQuery的Pager分页器实现代码
2016/05/03 Javascript
JavaScript实现页面跳转的方式汇总
2016/05/16 Javascript
JavaScript优化以及前段开发小技巧
2017/02/02 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
微信小程序实现省市区三级地址选择
2020/06/21 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
javascript实现电商放大镜效果
2020/11/23 Javascript
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
2020/12/04 Vue.js
[01:53]3.19 DOTA2发布会 现场精彩Coser表演
2014/03/25 DOTA
[02:33]2014DOTA2 TI每日综述 LGD涉险晋级DK闯入胜者组
2014/07/14 DOTA
简单的python后台管理程序
2017/04/13 Python
python与C互相调用的方法详解
2017/07/14 Python
OpenCV搞定腾讯滑块验证码的实现代码
2019/05/18 Python
python安装本地whl的实例步骤
2019/10/12 Python
图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
2016/01/20 HTML / CSS
Tessabit日本:集世界奢侈品和设计师品牌的意大利精品买手店
2020/01/07 全球购物
幼儿园保育员责任书
2014/07/22 职场文书
小学生清明节演讲稿
2014/09/05 职场文书
公司合作协议范文
2014/10/01 职场文书
民事赔偿协议书
2014/11/02 职场文书
2014年污水处理厂工作总结
2014/12/19 职场文书
英文感谢信范文
2015/01/21 职场文书
Golang 并发下的问题定位及解决方案
2022/03/16 Golang