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 相关文章推荐
Extjs Label的 fieldLabel和html属性值对齐的方法
Jun 15 Javascript
js实现缓冲运动效果的方法
Apr 10 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
Jan 05 Javascript
AngularJs上传前预览图片的实例代码
Jan 20 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
Vuex 入门教程
Jan 10 Javascript
vue 自定义 select内置组件
Apr 10 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
Mar 07 Javascript
如何为你的JavaScript代码日志着色详解
Apr 08 Javascript
javascript面向对象三大特征之继承实例详解
Jul 24 Javascript
Postman内建变量常用方法实例解析
Jul 28 Javascript
基于JavaScript实现猜数字游戏代码实例
Jul 30 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
实用函数10
2007/11/08 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
Dom 学习总结以及实例的使用介绍
2013/04/24 Javascript
获取中文字符串的实际长度代码
2014/06/05 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
2014/10/10 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
2014/12/17 Javascript
JS实现黑色大气的二级导航菜单效果
2015/09/18 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
Bootstrap基本样式学习笔记之标签(5)
2016/12/07 Javascript
JS判断是否手机或pad访问实现方法
2016/12/09 Javascript
javascript 闭包详解及简单实例应用
2016/12/31 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
仿京东快报向上滚动的实例
2017/12/13 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
vue+webpack中配置ESLint
2018/11/07 Javascript
Vue使用Proxy代理后仍无法生效的解决
2020/11/13 Javascript
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
Python工程师面试题 与Python Web相关
2016/01/14 Python
python3 与python2 异常处理的区别与联系
2016/06/19 Python
Python中扩展包的安装方法详解
2017/06/14 Python
python如何发布自已pip项目的方法步骤
2018/10/09 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
2018/12/10 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
python 逆向爬虫正确调用 JAR 加密逻辑
2021/01/12 Python
HTML5的结构和语义(2):结构
2008/10/17 HTML / CSS
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
亚马逊海外购:亚马逊美国、英国、日本、德国直邮
2021/03/18 全球购物
试述DBMS的主要功能
2016/11/13 面试题
中职三好学生事迹材料
2014/08/24 职场文书
四风问题查摆剖析材料
2014/10/11 职场文书
房地产工程部经理岗位职责
2015/04/09 职场文书
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫
Win10服务主机占用内存怎么办?Win10服务主机进程占用大量内存解决方法
2022/09/23 数码科技