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 相关文章推荐
Wordpress ThickBox 点击图片显示下一张图的修改方法
Dec 11 Javascript
jquery实现select下拉框美化特效代码分享
Aug 18 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
Nov 30 Javascript
Bootstrap Modal遮罩弹出层(完整版)
Nov 21 Javascript
前端分页功能的实现以及原理(jQuery)
Jan 22 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
基于JS递归函数细化认识及实用实例(推荐)
Aug 07 Javascript
详解基于 axios 的 Vue 项目 http 请求优化
Sep 04 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
Aug 06 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
Aug 30 Javascript
bootstrap table实现横向合并与纵向合并
Jul 18 Javascript
JavaScript严格模式不支持八进制的问题讲解
Nov 07 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
thinkphp分页集成实例
2017/07/24 PHP
PHP递归遍历文件夹去除注释并压缩php源代码的方法示例
2018/05/23 PHP
Yii1.1框架实现PHP极光推送消息通知功能
2018/09/06 PHP
PHP使Laravel为JSON REST API返回自定义错误的问题
2018/10/16 PHP
增强的 JavaScript 的 trim 函数的代码
2007/08/13 Javascript
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
JSON JQUERY模板实现说明
2010/07/03 Javascript
jquery一句话全选/取消全选
2011/03/01 Javascript
文本框输入时 实现自动提示(像百度、google一样)
2012/04/05 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
javascript垃圾收集机制与内存泄漏详细解析
2013/11/11 Javascript
jQuery拖拽div实现思路
2014/02/19 Javascript
JavaScript不刷新实现浏览器的前进后退功能
2014/11/05 Javascript
基于jQuery实现仿淘宝套餐选择插件
2015/03/04 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
2015/10/22 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
JavaScript实现简单评论功能
2017/08/17 Javascript
angular4自定义组件非input元素实现ngModel双向数据绑定的方法
2018/12/28 Javascript
vue实现动态按钮功能
2019/05/13 Javascript
详解vue中使用transition和animation的实例代码
2020/12/12 Vue.js
python调用shell的方法
2013/11/20 Python
python判断给定的字符串是否是有效日期的方法
2015/05/13 Python
flask使用session保存登录状态及拦截未登录请求代码
2018/01/19 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
不管你的Python报什么错,用这个模块就能正常运行
2018/09/14 Python
Python查找最长不包含重复字符的子字符串算法示例
2019/02/13 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
WxPython实现无边框界面
2019/11/18 Python
Python实现弹球小游戏
2020/08/01 Python
matplotlib对象拾取事件处理的实现
2021/01/14 Python
介绍一下linux的文件系统
2012/03/20 面试题
党支部公开承诺书
2014/03/28 职场文书
酒店人事主管岗位职责
2015/04/11 职场文书
高二英语教学反思
2016/03/03 职场文书