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 快捷键设置实现代码
Mar 13 Javascript
返回上一页并自动刷新的JavaScript代码
Feb 19 Javascript
javascript实现五星评价代码(源码下载)
Aug 11 Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 Javascript
Bootstrap栅格系统学习笔记
Nov 25 Javascript
JQuery实现动态操作表格
Jan 11 Javascript
jQuery学习之DOM节点的插入方法总结
Jan 22 Javascript
JS中使用textPath实现线条上的文字
Dec 25 Javascript
高性能的javascript之加载顺序与执行原理篇
Jan 14 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
May 29 Javascript
vue store之状态管理模式的详细介绍
Jun 13 Javascript
layui 富文本赋值,取值,取纯文本值的实例
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
Memcache 在PHP中的使用技巧
2010/02/08 PHP
PHP扩展模块memcached长连接使用方法分析
2014/12/24 PHP
简单的php+mysql聊天室实现方法(附源码)
2016/01/05 PHP
老生常谈php 正则中的i,m,s,x,e分别表示什么
2017/03/02 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
Laravel中的chunk组块结果集处理与注意问题
2018/08/15 PHP
PHP自动载入类文件函数__autoload的使用方法
2019/03/25 PHP
详解PHP PDO简单教程
2019/05/28 PHP
JavaScript基本对象
2007/01/11 Javascript
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
JavaScript日历实现代码
2010/09/12 Javascript
jquery 卷帘效果实现代码(不同方向)
2013/02/05 Javascript
禁用页面部分JavaScript方法的具体实现
2013/07/31 Javascript
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
jquery遍历table的tr获取td的值实现方法
2016/05/19 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
js数组操作方法总结(必看篇)
2016/11/22 Javascript
EsLint入门学习教程
2017/02/17 Javascript
JavaScript中值类型和引用类型的区别
2017/02/23 Javascript
JS中SetTimeout和SetInterval使用初探
2017/03/23 Javascript
vue做网页开场视频的实例代码
2017/10/20 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
2018/01/22 Javascript
详解webpack 最简打包结果分析
2019/02/20 Javascript
Vue 列表上下过渡效果的实例代码
2019/06/25 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
2019/09/25 Javascript
Python3 queue队列模块详细介绍
2018/01/05 Python
python用requests实现http请求代码实例
2019/10/31 Python
python 实现按对象传值
2019/12/26 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
Kidsroom台湾:来自德国的婴儿用品
2017/12/11 全球购物
国际商务专业学生个人的自我评价
2013/09/28 职场文书
新闻系毕业生推荐信
2013/11/16 职场文书
十八大报告观后感
2014/01/28 职场文书
golang 生成对应的数据表struct定义操作
2021/04/28 Golang
nginx反向代理配置去除前缀案例教程
2021/07/26 Servers