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 无废话系列教程(一) jquery入门 [推荐]
Jun 23 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
Jan 27 Javascript
jQuery基本选择器选择元素使用介绍
Apr 18 Javascript
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
可以用鼠标拖动的DIV实现思路及代码
Oct 21 Javascript
jquery按回车提交数据的代码示例
Nov 05 Javascript
js去除空格的12种实用方法
Nov 08 Javascript
javascript相等运算符与等同运算符详细介绍
Nov 09 Javascript
jQuery实现的浮动层div浏览器居中显示效果
Feb 03 Javascript
angularjs实现猜大小功能
Oct 23 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
Oct 31 Javascript
vue使用Element组件时v-for循环里的表单项验证方法
Jun 28 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
一个用于MySQL的PHP XML类
2006/10/09 PHP
php expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
Zend Framework教程之模型Model用法简单实例
2016/03/04 PHP
PHP上传图片类显示缩略图功能
2016/06/30 PHP
功能强大的PHP发邮件类
2016/08/29 PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
2016/11/09 PHP
php判断文件上传图片格式的实例详解
2017/09/30 PHP
关于文本限制字数的js代码
2007/04/02 Javascript
一些技巧性实用js代码小结
2009/10/14 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
2011/03/06 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
JavaScript对HTML DOM使用EventListener进行操作
2015/10/21 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
2016/08/23 Javascript
基于vue-cli创建的项目的目录结构及说明介绍
2017/11/23 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
jQuery中元素选择器(element)简单用法示例
2018/05/14 jQuery
让Vue也可以使用Redux的方法
2018/05/23 Javascript
javascript对HTML字符转义与反转义
2018/12/13 Javascript
微信小程序框架的页面布局代码
2019/08/17 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
[49:56]VG vs Optic 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python Flask框架模板操作实例分析
2019/05/03 Python
树莓派4B+opencv4+python 打开摄像头的实现方法
2019/10/18 Python
Python常用模块os.path之文件及路径操作方法
2019/12/03 Python
matlab 计算灰度图像的一阶矩,二阶矩,三阶矩实例
2020/04/22 Python
对Matlab中共轭、转置和共轭装置的区别说明
2020/05/11 Python
七年级政治教学反思
2014/02/03 职场文书
访谈节目策划方案
2014/05/15 职场文书
啤酒节策划方案
2014/05/28 职场文书
教师职业道德事迹材料
2014/08/18 职场文书
公民授权委托书
2014/10/15 职场文书
Go 自定义package包设置与导入操作
2021/05/06 Golang
Apache Hudi的多版本清理服务彻底讲解
2022/03/31 Servers