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二维数组采用定义数组的数组来实现
Dec 09 Javascript
通过正则格式化url查询字符串实现代码
Dec 28 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
JS往数组中添加项性能分析
Feb 25 Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 Javascript
JavaScript队列的应用实例详解【经典数据结构】
Apr 12 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
Sep 03 Javascript
使用gulp构建前端自动化的方法示例
Dec 25 Javascript
微信小程序实现左侧滑栏过程解析
Aug 26 Javascript
微信小程序实现树莓派(raspberry pi)小车控制
Feb 12 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
Apr 30 Javascript
编写v-for循环的技巧汇总
Dec 01 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
PHILIPS L4X25T电路分析和打理
2021/03/02 无线电
PHP 中的类
2006/10/09 PHP
使用php+xslt在windows平台上
2006/10/09 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
PHP连接及操作PostgreSQL数据库的方法详解
2019/01/30 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
分享几种好用的PHP自定义加密函数(可逆/不可逆)
2020/09/15 PHP
两个数组去重的JS代码
2013/12/04 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
2015/08/11 Javascript
jquery实现模拟百分比进度条渐变效果代码
2015/10/29 Javascript
详解AngularJS中自定义过滤器
2015/12/28 Javascript
深入浅析AngularJS和DataModel
2016/02/16 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
js中获取键盘事件的简单实现方法
2016/10/10 Javascript
vuejs父子组件通信的问题
2017/01/11 Javascript
JS实现touch 点击滑动轮播实例代码
2017/01/19 Javascript
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
vue几个常用跨域处理方式介绍
2018/02/07 Javascript
详解nodejs通过响应回写的方式渲染页面资源
2018/04/07 NodeJs
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
[00:35]TI7不朽珍藏III——寒冰飞龙不朽展示
2017/07/15 DOTA
Python实现二分法算法实例
2015/02/02 Python
Python 迭代器与生成器实例详解
2017/05/18 Python
Python读取系统文件夹内所有文件并统计数量的方法
2018/10/23 Python
纯CSS打造(无图像无js)的非常流行的讲话(语音)气泡效果
2012/12/28 HTML / CSS
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
小学教师自我鉴定
2013/11/07 职场文书
高考百日冲刺决心书
2015/09/23 职场文书
卖车协议书范文
2016/03/23 职场文书
祝福语集锦:送给毕业同学祝福语
2019/11/21 职场文书
如何利用React实现图片识别App
2022/02/18 Javascript
交互式可视化js库gojs使用介绍及技巧
2022/02/18 Javascript