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 08 Javascript
js基础之DOM中document对象的常用属性方法详解
Oct 28 Javascript
js编写的treeview使用方法
Nov 11 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
Aug 15 Javascript
Javascript刷新页面的实例
Sep 23 Javascript
浅谈JS函数节流防抖
Oct 18 Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
Jan 03 Javascript
使用RN Animated做一个“添加购物车”动画的方法
Sep 12 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
Oct 09 Javascript
js Proxy的原理详解
May 25 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数组函数序列之sort() 对数组的元素值进行升序排序
2011/11/02 PHP
基于PHP常用字符串的总结(待续)
2013/06/07 PHP
php实现简单的上传进度条
2015/11/17 PHP
php PDO异常处理详解
2016/11/20 PHP
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
Javascript new Date().valueOf()的作用与时间戳由来详解
2013/04/24 Javascript
jquery ajax 局部刷新小案例
2014/02/08 Javascript
基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践
2014/09/26 NodeJs
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
2016/11/30 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
2018/01/03 Javascript
JS数组去重常用方法实例小结【4种方法】
2018/05/28 Javascript
vue的三种图片引入方式代码实例
2019/11/19 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
2020/03/25 Javascript
vue3+typescript实现图片懒加载插件
2020/10/26 Javascript
python条件和循环的使用方法
2013/11/01 Python
Python中random模块用法实例分析
2015/05/19 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
python爬虫之xpath的基本使用详解
2018/04/18 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
使用python将时间转换为指定的格式方法
2018/11/12 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
python制作朋友圈九宫格图片
2019/11/03 Python
在django中form的label和verbose name的区别说明
2020/05/20 Python
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
软件测试面试题
2015/10/21 面试题
财务经理的岗位职责
2013/12/17 职场文书
财务信息服务专业自荐书范文
2014/02/08 职场文书
学习雷锋精神心得体会范文
2014/03/12 职场文书
大班亲子运动会方案
2014/06/10 职场文书
迎七一演讲稿
2014/09/12 职场文书
领导党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
公司感谢信范文
2015/01/22 职场文书
教师个人年终总结
2015/02/11 职场文书
工作年限证明范本
2015/06/15 职场文书
网络研修心得体会
2016/01/08 职场文书