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 相关文章推荐
Jquery Validation插件防止重复提交表单的解决方法
Mar 05 Javascript
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
Dec 02 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
Jan 27 Javascript
浅谈Javascript数组(推荐)
May 17 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
May 27 Javascript
html+js实现简单的计算器代码(加减乘除)
Jul 12 Javascript
详解jQuery中的DOM操作
Dec 23 Javascript
zTree实现节点修改的实时刷新功能
Mar 20 Javascript
JS之if语句对接事件动作逻辑(详解)
Jun 28 Javascript
浅谈React Native Flexbox布局(小结)
Jan 08 Javascript
js中Object.create实例用法详解
Oct 05 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中如何防止表单的重复提交
2013/08/02 PHP
php调整gif动画图片尺寸示例代码分享
2013/12/05 PHP
PHP按行读取文件时删除换行符的3种方法
2014/05/04 PHP
php编程每天必学之表单验证
2016/03/01 PHP
PHP使用GD库输出汉字的方法【测试可用】
2016/11/10 PHP
Zend Framework入门教程之Zend_View组件用法示例
2016/12/09 PHP
Laravel框架FormRequest中重写错误处理的方法
2019/02/18 PHP
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
javascript获得网页窗口实际大小的示例代码
2013/09/21 Javascript
javascript事件冒泡实例分析
2015/05/13 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
2016/05/25 Javascript
浅谈JavaScript异步编程
2017/01/20 Javascript
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
分享一个精简的vue.js 图片lazyload插件实例
2017/03/13 Javascript
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
Angular表格神器ui-grid应用详解
2017/09/29 Javascript
JavaScript实现QQ列表展开收缩扩展功能
2017/10/30 Javascript
微信小程序添加插屏广告并设置显示频率(一天一次)
2019/12/06 Javascript
[02:32]DOTA2英雄基础教程 美杜莎
2014/01/07 DOTA
在Django框架中运行Python应用全攻略
2015/07/17 Python
简单谈谈Python中的json与pickle
2017/07/19 Python
python中的set实现不重复的排序原理
2018/01/24 Python
Python批量提取PDF文件中文本的脚本
2018/03/14 Python
详解Django rest_framework实现RESTful API
2018/05/24 Python
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2019/10/14 Python
python随机生成大小写字母数字混合密码(仅20行代码)
2020/02/01 Python
PYcharm 激活方法(推荐)
2020/03/23 Python
编译 pycaffe时报错:fatal error: numpy/arrayobject.h没有那个文件或目录
2020/11/29 Python
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
Beauty Expert美国/加拿大:购买奢侈美容产品
2018/12/05 全球购物
优秀实习自我鉴定
2013/12/04 职场文书
新驾驶员个人自我评价
2014/01/03 职场文书
学校节能减排方案
2014/06/13 职场文书
村党支部书记个人对照材料汇报
2014/10/26 职场文书
学风建设主题班会
2015/08/17 职场文书
tensorflow中的数据类型dtype用法说明
2021/05/26 Python