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 相关文章推荐
Js 冒泡事件阻止实现代码
Jan 27 Javascript
复制js对象方法(详解)
Jul 08 Javascript
JS滚轮事件onmousewheel使用介绍
Nov 01 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
Feb 28 Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
Mar 10 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
JavaScript截屏功能的实现代码
Jul 28 Javascript
js循环map 获取所有的key和value的实现代码(json)
May 09 Javascript
微信小程序自定义tab实现多层tab嵌套功能
Jun 15 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
Feb 13 Javascript
vue组件创建的三种方式小结
Feb 03 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
Jun 12 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 define函数的使用说明
2008/08/27 PHP
PHP extract 将数组拆分成多个变量的函数
2010/06/30 PHP
PHP 实现公历日期与农历日期的互转换
2017/09/13 PHP
php中try catch捕获异常实例详解
2020/08/06 PHP
图片格式的JavaScript和CSS速查手册
2007/08/20 Javascript
json2.js的初步学习与了解
2011/10/06 Javascript
当鼠标移动时出现特效的JQuery代码
2013/11/08 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
2015/04/15 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
js实现温度计时间样式代码分享
2015/08/21 Javascript
基于jQuery实现仿微博发布框字数提示
2016/07/27 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
2016/08/31 Javascript
form+iframe解决跨域上传文件的方法
2016/11/18 Javascript
清除浏览器缓存的几种方法总结(必看)
2016/12/09 Javascript
使用node.JS中的url模块解析URL信息
2020/02/06 Javascript
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
vue 项目引入echarts 添加点击事件操作
2020/09/09 Javascript
element中Steps步骤条和Tabs标签页关联的解决
2020/12/08 Javascript
Python基于pygame模块播放MP3的方法示例
2017/09/30 Python
python中实现控制小数点位数的方法
2019/01/24 Python
Python 使用 prettytable 库打印表格美化输出功能
2019/12/26 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
python Tornado框架的使用示例
2020/10/19 Python
Python使用cn2an实现中文数字与阿拉伯数字的相互转换
2021/03/02 Python
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
自主招生自荐信格式
2013/12/03 职场文书
2015年小学辅导员工作总结
2015/05/27 职场文书
房屋产权证明书
2015/06/19 职场文书
回复函格式及范文
2015/07/14 职场文书
四十年同学聚会致辞
2015/07/28 职场文书
为什么中国式养孩子很累?
2019/08/07 职场文书
golang内置函数len的小技巧
2021/07/25 Golang
MySQL创建管理RANGE分区
2022/04/13 MySQL
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis
Golang map映射的用法
2022/04/22 Golang