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 解决“options为空或不是对象”
Dec 22 Javascript
用js获取电脑信息(是使用与IE浏览器)
Jan 15 Javascript
浅谈jQuery 选择器和dom操作
Jun 07 Javascript
JavaScript对象封装的简单实现方法(3种方法)
Jan 03 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
Aug 23 Javascript
react-router v4如何使用history控制路由跳转详解
Jan 09 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
Sep 18 Javascript
JS如何获取地址栏的参数实例讲解
Oct 06 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
在NPM发布自己造的轮子的方法步骤
Mar 09 Javascript
JS数组Object.keys()方法的使用示例
Jun 05 Javascript
vue router 传参获取不到的解决方式
Nov 13 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依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
浅谈PHP接收POST数据方式
2015/06/05 PHP
php页面,mysql数据库转utf-8乱码,utf-8编码问题总结
2015/08/27 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
PHP正则匹配到2个字符串之间的内容方法
2018/12/24 PHP
CL vs ForZe BO5 第三场 2.13
2021/03/10 DOTA
jquery操作select option 的代码小结
2011/06/21 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
2012/07/25 Javascript
js向上无缝滚动,网站公告效果 具体代码
2013/11/18 Javascript
JavaScript中Null与Undefined的区别解析
2015/06/30 Javascript
基于jQuery实现多层次的手风琴效果附源码
2015/09/21 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
2016/02/17 Javascript
JavaScript for循环 if判断语句(学习笔记)
2017/10/11 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
jQuery创建折叠式菜单
2019/06/15 jQuery
Vue.js watch监视属性知识点总结
2019/11/11 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
Python 创建子进程模块subprocess详解
2015/04/08 Python
一个月入门Python爬虫学习,轻松爬取大规模数据
2018/01/03 Python
python实现在IDLE中输入多行的方法
2018/04/19 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
快速排序的四种python实现(推荐)
2019/04/03 Python
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法
2019/06/20 Python
python logging模块的使用总结
2019/07/09 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
python3实现高效的端口扫描
2019/08/31 Python
python3 sleep 延时秒 毫秒实例
2020/05/04 Python
vscode写python时的代码错误提醒和自动格式化的方法
2020/05/07 Python
windows+vscode安装paddleOCR运行环境的步骤
2020/11/11 Python
高中军训感言200字
2014/02/23 职场文书
大型会议策划方案
2014/05/17 职场文书
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL