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 相关文章推荐
JS判断、校验MAC地址的2个实例
May 05 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
JS打开新窗口防止被浏览器阻止的方法
Jan 03 Javascript
JavaScript使用concat连接数组的方法
Apr 06 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
Apr 11 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
May 02 Javascript
pm2 部署 node的三种方法示例
Oct 20 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
浅谈Webpack核心模块tapable解析
Sep 11 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
May 09 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
Sep 16 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 include和require的区别深入解析
2013/06/17 PHP
php中用socket模拟http中post或者get提交数据的示例代码
2013/08/08 PHP
Zend Framework教程之Zend_Db_Table表关联实例详解
2016/03/23 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
详解vue+vueRouter+webpack的简单实例
2017/06/17 Javascript
详解Vue-cli代理解决跨域问题
2017/09/27 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
2018/08/25 Javascript
微信小程序实现单选功能
2018/10/30 Javascript
node.js实现微信开发之获取用户授权
2019/03/18 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
2019/05/06 Javascript
jqGrid表格底部汇总、合计行footerrow处理
2019/08/21 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
实现一个Vue自定义指令懒加载的方法示例
2020/06/04 Javascript
[00:35]可解锁地面特效
2018/12/20 DOTA
Python获取航线信息并且制作成图的讲解
2019/01/03 Python
详解Django项目中模板标签及模板的继承与引用(网站中快速布置广告)
2019/03/27 Python
Python pandas.DataFrame调整列顺序及修改index名的方法
2019/06/21 Python
python求平均数、方差、中位数的例子
2019/08/22 Python
tensorflow 动态获取 BatchSzie 的大小实例
2020/06/30 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
HTML5的结构和语义(5):交互
2008/10/17 HTML / CSS
国际鲜花速递专家:Floraqueen
2016/11/24 全球购物
澳大利亚在线百货商店:Real Smart
2017/08/13 全球购物
英国手工制作的现代与经典的沙发和床:Love Your Home
2020/09/26 全球购物
捷克建筑材料网上商店:DEK.cz
2021/03/06 全球购物
公益活动邀请函
2014/02/05 职场文书
护士节活动总结
2014/08/29 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
2014年结对帮扶工作总结
2014/12/17 职场文书
社区服务活动感想
2015/08/11 职场文书
公司致全体员工的感谢信
2019/06/24 职场文书
python爬虫之爬取笔趣阁小说
2021/04/22 Python
Win11怎么进入安全模式?Windows 11进入安全模式的方法
2021/11/21 数码科技
css弧边选项卡的项目实践
2023/05/07 HTML / CSS