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 提升运行速度之循环篇 译文
Aug 15 Javascript
jQuery ajax(复习)—Baidu ajax request分离版
Jan 24 Javascript
Javascript脚本实现静态网页加密实例代码
Nov 05 Javascript
使用堆实现Top K算法(JS实现)
Dec 25 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
Oct 12 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
Nov 12 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
JS设计模式之惰性模式(二)
Sep 29 Javascript
利用Vue2.x开发实现JSON树的方法
Jan 04 Javascript
小程序实现搜索框功能
Mar 26 Javascript
微信小程序实现吸顶效果
Jan 08 Javascript
vue axios封装httpjs,接口公用配置拦截操作
Aug 11 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
全国FM电台频率大全 - 28 甘肃省
2020/03/11 无线电
PHP常用代码
2006/11/23 PHP
php中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
php解析xml提示Invalid byte 1 of 1-byte UTF-8 sequence错误的处理方法
2013/11/14 PHP
ThinkPHP表单令牌错误的相关解决方法分析
2016/05/20 PHP
PHP入门教程之面向对象基本概念实例分析
2016/09/11 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
ExtJS Grid使用SimpleStore、多选框的方法
2009/11/20 Javascript
javascript Onunload与Onbeforeunload使用小结
2009/12/31 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
JavaScript中split与join函数的进阶使用技巧
2016/05/03 Javascript
JavaScript学习笔记--常用的互动方法
2016/12/07 Javascript
vue地区选择组件教程详解
2018/05/04 Javascript
vue init webpack 建vue项目报错的解决方法
2018/09/29 Javascript
详解js中let与var声明变量的区别
2020/04/05 Javascript
JavaScript适配器模式原理与用法实例详解
2020/03/09 Javascript
微信小程序实现弹框效果
2020/05/26 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
Python的Django框架下管理站点的基本方法
2015/07/17 Python
Python实现将xml导入至excel
2015/11/20 Python
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
Python实现带参数的用户验证功能装饰器示例
2018/12/14 Python
Python基于Tkinter模块实现的弹球小游戏
2018/12/27 Python
基于Python爬取爱奇艺资源过程解析
2020/03/02 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
Python 实现一行输入多个数字(用空格隔开)
2020/04/29 Python
Python3 socket即时通讯脚本实现代码实例(threading多线程)
2020/06/01 Python
HTML5 Canvas像素处理使用接口介绍
2012/12/02 HTML / CSS
百思买美国官网:Best Buy
2016/07/28 全球购物
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
西班牙国家航空官方网站:Iberia
2017/11/16 全球购物
比赛主持人开场白
2015/05/29 职场文书
爱国主义主题班会
2015/08/14 职场文书
浅析Redis Sentinel 与 Redis Cluster
2021/06/24 Redis
小程序自定义轮播图圆点组件
2022/06/25 Javascript