jQuery实现验证年龄简单思路


Posted in Javascript onFebruary 24, 2016

这段代码假定环境是一个ID为age-form的”form”,三个ID分别为”day”,”month”,”year”。

$("#age-form").submit(function(){
  var day = $("#day").val();
  var month = $("#month").val();
  var year = $("#year").val();
  var age = 18;
  var mydate = new Date();
  mydate.setFullYear(year, month-1, day);

  var currdate = new Date();
  currdate.setFullYear(currdate.getFullYear() - age);
  if ((currdate - mydate) < 0){
    alert("Sorry, only persons over the age of " + age + " may enter this site");
    return false;
  }
  return true;
});

也许你想使用一个比alert更优雅的提示方法。并且应该在服务器端进行再次验证,不然只能在启用js的客户端验证。

反正代码的意思就是让用户填出生年月,然后根据当前时间计算是否小于网站要求的年龄,小于就提示。

Javascript 相关文章推荐
JavaScript 对象成员的可见性说明
Oct 16 Javascript
JS OOP包机制,类创建的方法定义
Nov 02 Javascript
jquery获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
js的hasownproperty使用示例
Mar 02 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
node.js中的http.createClient方法使用说明
Dec 15 Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 Javascript
js鼠标跟随运动效果
Mar 11 Javascript
在一般处理程序(ashx)中弹出js提示语
Aug 16 Javascript
javascript与PHP动态往类中添加方法对比
Mar 21 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
Oct 17 Javascript
js实现删除json中指定的元素
Sep 22 Javascript
JavaScript实现99乘法表及隔行变色实例代码
Feb 24 #Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 #Javascript
JavaScript判断变量是否为数组的方法(Array)
Feb 24 #Javascript
浅析jQuery Ajax请求参数和返回数据的处理
Feb 24 #Javascript
jQuery+formdata实现上传进度特效遇到的问题
Feb 24 #Javascript
JQuery EasyUI的使用
Feb 24 #Javascript
使用jQuery监听DOM元素大小变化
Feb 24 #Javascript
You might like
php中的时间显示
2007/01/18 PHP
批量修改RAR文件注释的php代码
2010/11/20 PHP
hadoop中一些常用的命令介绍
2013/06/19 PHP
PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
2014/09/29 PHP
codeigniter显示所有脚本执行时间的方法
2015/03/21 PHP
php unlink()函数使用教程
2018/07/12 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
javascript实现的动态文字变换
2007/07/28 Javascript
Mozilla 表达式 __noSuchMethod__
2009/04/05 Javascript
IE Firefox 使用自定义标签的区别
2009/10/15 Javascript
javascript function调用时的参数检测常用办法
2010/02/26 Javascript
jquery动态加载select下拉框示例代码
2013/12/10 Javascript
jquery实现的下拉和收缩效果示例
2014/08/21 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
JavaScript实现创建自定义对象的常用方式总结
2018/07/09 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
vue组件中的样式属性scoped实例详解
2018/10/30 Javascript
vue实现的下拉框功能示例
2019/01/29 Javascript
详解ES6 export default 和 import语句中的解构赋值
2019/05/28 Javascript
layui的表单提交以及验证和修改弹框的实例
2019/09/09 Javascript
vue项目从node8.x升级到12.x后的问题解决
2019/10/25 Javascript
JavaScript 闭包的使用场景
2020/09/17 Javascript
[03:35]2018年度DOTA2最佳辅助位选手5号位-完美盛典
2018/12/17 DOTA
Python实现检测服务器是否可以ping通的2种方法
2015/01/01 Python
pandas 透视表中文字段排序方法
2018/11/16 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
美国受信赖的教育产品供应商:Nest Learning
2018/06/14 全球购物
如何写出高质量、高性能的MySQL查询
2014/11/17 面试题
在求职信中如何凸显个人优势
2013/10/30 职场文书
理财计划书
2014/08/14 职场文书
小学生勤俭节约演讲稿
2014/08/28 职场文书
电话营销开场白
2015/05/29 职场文书
预备党员考察表党小组意见
2015/06/01 职场文书
Python字典和列表性能之间的比较
2021/06/07 Python
Python快速实现一键抠图功能的全过程
2021/06/29 Python