如何使用jQuery验证年龄？
我需要验证一下，如果一个酒精网站的年龄。我需要的是这里的一切。我快到了，但我不确定这是否正确。 本地不起作用。我需要验证，cookies，提醒我字段和DOB如何使用jQuery验证年龄？,jquery,forms,Jquery,Forms,我需要验证一下，如果一个酒精网站的年龄。我需要的是这里的一切。我快到了，但我不确定这是否正确。 本地不起作用。我需要验证，cookies，提醒我字段和DOB <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jque
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js"></script>
<script>
$(document).ready(function(){
//AV
var container = $("#container");
var avContainer = $("#av-container");
var mcf = new mcFramework(container, avContainer);
mcf.mcSetCallbackFunction(function() { document.cookie = "site=" + document.domain.replace(/\./, "") + "av; path=/"; if (window.location.href != 'page2.html') { window.location.href = 'page2.html'; } }
);
function mcFramework(ContentContainer, AVContainer) {
//global vars
var _AVContent = 'You need to be of legal drinking age to continue.';
var _AVFailContent = 'You must be of legal drinking age (21 or older) to enter our site. You are being redirected to http://www.thecoolspot.gov/ - a place for teens to find info on alcohol and resisting peer pressure.';
var _ContentContainer = ContentContainer;
var _AVContainer = AVContainer;
var _CallbackFunction = "";
var _SiteCode = "";
// Set the tracking tag function which will fire on AV or AV Fail
this.mcSetCallbackFunction = function(val) { _CallbackFunction = val };
this.mcSetSiteCode = function(val) { _SiteCode = val };
//add AV form to page
avhtml = '<div id="Form">'
+ '<div id="mc_avcontent">' + _AVContent + '</div>'
+ '<div id="mc_averrors"></div>'
+ '<p class="inputs">'
+ '<input type="text" id="mc_avday" name="mc_avday" value="DD" maxLength="2" tabindex="1" autocomplete="off" />'
+ '<input type="text" id="mc_avmonth" name="mc_avmonth" value="MM" maxLength="2" tabindex="2" autocomplete="off" />'
+ '<input type="text" id="mc_avyear" name="mc_avyear" value="YYYY" maxLength="4" tabindex="3" autocomplete="off" />'
+ '</p>'
+ '<p class="jqtransform remember">'
+ '<input name="RememberMe" id="RememberMe" type="checkbox" class="jqtransform">'
+ '<label for="RememberMe">Remember Me</label>'
+ '</p>'
+ '<div id="submit" style="cursor:pointer;">submit</div>'
+ '</div>';
_AVContainer.append(avhtml);
initForm();
function _AgeVerify(monthU, dayU, yearU) {
var min_age = 21;
/* change "age_form" to whatever your form has for a name="..." */
var year = parseInt(yearU);
var month = parseInt(monthU) - 1;
var day = parseInt(dayU);
var theirDate = new Date((year + min_age), month, day);
var today = new Date;
if ( (today.getTime() - theirDate.getTime()) < 0) {
_ShowAVFail();
}
else {
_SetAVCookie();
_ShowContent();
}
}
function _ShowAVFail(callback)
{
avfailhtml = '<div id="mc_avfail">' + _AVFailContent + '</div>';
$("#mc_avform").html(avfailhtml);
setTimeout('document.location.href="http://www.thecoolspot.gov"', 5000);
if (_AVFailTag) {
_AVFailTag();
}
}
function _ShowContent()
{
_AVContainer.hide();
_ContentContainer.show();
_SetAVCookie();
if (_CallbackFunction) {
_CallbackFunction();
}
}
function initForm()
{
// Add form event listners
$("#submit").click(_AVFormSubmit);
$("#mc_avform").keyup(_AVFormAutoTab);
$("#mc_avday").keydown(clearField);
$("#mc_avmonth").keydown(clearField);
$("#mc_avyear").keydown(clearField);
// Set focus on month field
$("#mc_avmonth").focus();
$("#mc_avmonth").select();
}
function clearField() {
if ($(this).val() == "MM" || $(this).val() == "DD" || $(this).val() == "YYYY") {
$(this).val("");
}
}
// Handle auto tabbing
function _AVFormAutoTab(e)
{
var srcElem = (window.event) ? e.srcElement : e.target;
var day = $("#mc_avday").val();
var month = $("#mc_avmonth").val();
var year = $("#mc_avyear").val();
if (e.keyCode == 13) {
_AVFormSubmit();
} else {
switch (srcElem.id) {
case "mc_avday":
if (day.match(/^[0-9]{2}$/)) {
$("#mc_avyear").focus();
$("#mc_avyear").select();
}
break;
case "mc_avmonth":
if (month.match(/^[0-9]{2}$/)) {
$("#mc_avday").focus();
$("#mc_avday").select();
}
break;
// case "mc_avyear":
// if (year.match(/^[0-9]{4}$/)) {
// $("#mc_avzip").focus();
// $("#mc_avzip").select();
// }
default:
result = 'unknown';
}
}
}
// Submit AV form
function _AVFormSubmit()
{
if (_AVFormValidate()) {
var day = $("#mc_avday").val();
var month = $("#mc_avmonth").val();
var year = $("#mc_avyear").val();
_AgeVerify(month, day, year);
}
}
// ======================
// = AV Form Validation =
// ======================
// Validate the AV form
function _AVFormValidate() {
var day = $("#mc_avday");
var month = $("#mc_avmonth");
var year = $("#mc_avyear");
error_day = 'Please enter a valid day.';
error_month = 'Please enter a valid month.';
error_year = 'Please enter a valid year.';
error_date = 'Please enter a valid date.';
var av_errors = $('#mc_averrors');
if (!(_isNumeric(day.val()))) {
av_errors.text(error_day);
day.focus();
return false;
}
if (!(_isNumeric(month.val()))) {
av_errors.text(error_month);
month.focus();
return false;
}
if (!(_isNumeric(year.val()))) {
av_errors.text(error_year);
year.focus();
return false;
}
if (year.val().length < 4) {
av_errors.text(error_year);
year.focus();
return false;
}
if (!_checkdate(month.val(), day.val(), year.val())) {
av_errors.text(error_date);
return false;
}
}
// Check if a string is numeric
function _isNumeric(str) {
return /^\d+$/.test(str);
}
// Check if a string is a valid date
function _checkdate(m, d, y) {
var now = new Date(); // current date from clients system
var yc = now.getYear(); // get current year
if (yc < 2000) yc = yc + 1900; // in case the year is < 2000
var yl = yc - 120; // least year to consider
var ym = yc; // most year to consider
if (m < 1 || m > 12) return (false);
if (d < 1 || d > 31) return (false);
if (y < yl || y > ym) return (false);
if (m == 4 || m == 6 || m == 9 || m == 11)
if (d == 31) return (false);
if (m == 2) {
var b = parseInt(y / 4);
if (isNaN(b)) return (false);
if (d > 29) return (false);
if (d == 29 && ((y / 4) != parseInt(y / 4))) return (false);
}
return (true);
}
}
//Date helpers
function checkleapyear(datea) {
if (datea.getYear() % 4 == 0) {
if (datea.getYear() % 10 != 0) {
return true;
}
else {
if (datea.getYear() % 400 == 0)
return true;
else
return false;
}
}
return false;
}
function DaysInMonth(Y, M) {
with (new Date(Y, M, 1, 12)) {
setDate(0);
return getDate();
}
}
function datediff(date1, date2) {
var y1 = date1.getFullYear(), m1 = date1.getMonth(), d1 = date1.getDate(),
y2 = date2.getFullYear(), m2 = date2.getMonth(), d2 = date2.getDate();
if (d1 < d2) {
m1--;
d1 += DaysInMonth(y2, m2);
}
if (m1 < m2) {
y1--;
m1 += 12;
}
return [y1 - y2, m1 - m2, d1 - d2];
}
function set_cookie(name, value, exp_d, path, domain, secure) {
var cookie_string = name + "=" + escape(value);
if (exp_d) {
var exp = new Date(); //set new date object
exp.setTime(exp.getTime() + (1000 * 60 * 60 * 24 * exp_d));
}
if (path)
cookie_string += "; path=" + escape(path);
if (domain)
cookie_string += "; domain=" + escape(domain);
if (secure)
cookie_string += "; secure";
document.cookie = cookie_string;
}
function SetBypassCookie(site) {
var siteName = site + 'av';
//var zip = $("#mc_avzip").val();
set_cookie("site", siteName, 30, "/");
//set_cookie("zip", zip, 30, "/");
}
});
</script>
<body>
<div id="av-container" class="content">
</div>
</body>
</html>
$（文档）.ready（函数（）{
//影音
var container=$（“#container”）；
var avContainer=$（“#av container”）；
var mcf=新的mcFramework（container，avContainer）；
mcf.mcSetCallbackFunction（function（）{document.cookie=“site=“+document.domain.replace（/\./，”）+“av；path=/”，如果（window.location.href！='page2.html'）{window.location.href='page2.html'；}
);
函数mcFramework（ContentContainer、AVContainer）{
//全局变量
var_AVContent='您需要达到法定饮酒年龄才能继续'；
var_AVFailContent='您必须达到法定饮酒年龄（21岁或以上）才能进入我们的网站。您将被重定向到http://www.thecoolspot.gov/ -青少年可以在这里找到有关酒精和抵制同龄人压力的信息。”；
var\u ContentContainer=ContentContainer；
var _AVContainer=AVContainer；
var_CallbackFunction=“”；
var_SiteCode=“”；
//设置跟踪标签功能，该功能将在AV或AV失败时触发
this.mcSetCallbackFunction=function（val）{u CallbackFunction=val}；
this.mcSetSiteCode=函数（val）{u SiteCode=val}；
//将AV表单添加到页面
avhtml=“”
+''+_AVContent+''
+ ''
+“”
+ ''
+ ''
+ ''
+“
”
+“”
+ ''
+“记住我”
+“
”
+“提交”
+ '';
_append（avhtml）；
initForm（）；
功能验证（monthU、dayU、yearU）{
var min_age=21；
/*将“age_form”更改为您的表单中的任何名称=“…”*/
var year=parseInt（yearU）；
var月=parseInt（monthU）-1；
var day=parseInt（dayU）；
var theirDate=新日期（（年+最小年龄）、月、日）；
var today=新日期；
如果（（today.getTime（）-theirDate.getTime（））<0）{
_ShowAVFail（）；
}
否则{
_SetAVCookie（）；
_ShowContent（）；
}
}
函数_ShowAVFail（回调）
{
avfailhtml=''+\u AVFailContent+''；
$（“#mc#avform”）.html（avfailhtml）；
setTimeout（'document.location.href='http://www.thecoolspot.gov"', 5000);
如果（_AVFailTag）{
_AVFailTag（）；
}
}
函数_ShowContent（）
{
_AVContainer.hide（）；
_ContentContainer.show（）；
_SetAVCookie（）；
if（_CallbackFunction）{
_CallbackFunction（）；
}
}
函数initForm（）
{
//添加表单事件列表器
$（“#提交”）。单击（_AVFormSubmit）；
$（“#mc#avform”）.keyup（#AVFormAutoTab）；
$（“#mc#avday”）.keydown（clearField）；
$（“#mc#avmonth”）.keydown（clearField）；
$（“#mc#u avyear”）.keydown（clearField）；
//将焦点设置在月份字段上
$（“#mc#avmonth”）.focus（）；
$（“#mc#avmonth”）。选择（）；
}
函数clearField（）{
如果（$（this.val（）=“MM”| |$（this.val（）=“DD”| |$（this.val（）=“YYYY”）{
$（此）.val（“”）；
}
}
//手柄自动卡舌
功能自动选项卡（e）
{
var srcElem=（window.event）？e.srcElem:e.target；
var日=$（“#mc#avday”）.val（）；
var月=$（“#mc#avmonth”）.val（）；
var year=$（“#mc#u avyear”）.val（）；
如果（e.keyCode==13）{
_AVFormSubmit（）；
}否则{
开关（srcElem.id）{
案例“mc_avday”：
if（day.match（/^[0-9]{2}$/）{
$（“#mc#avyear”）.focus（）；
$（“#mc#u avyear”）。选择（）；
}
打破
案例“mc_avmonth”：
if（month.match（/^[0-9]{2}$/）{
$（“#mc#avday”）.focus（）；
$（“#mc#avday”）。选择（）；
}
打破
//案例“mc_avyear”：
//如果（年份匹配（/^[0-9]{4}$/）{
//$（“mc#u avzip”）.focus（）；
//$（“#mc#u avzip”）。选择（）；
// }
违约：
结果='未知'；
}
}
}
//提交影音表格
函数_AVFormSubmit（）
{
如果（_AVFormValidate（））{
var日=$（“#mc#avday”）.val（）；
var月=$（“#mc#avmonth”）.val（）；
var year=$（“#mc#u avyear”）.val（）；
_年龄验证（月、日、年）；
}
}
// ======================
//=AV表单验证=
// ======================
//验证AV表单
函数_AVFormValidate（）{
var日=$（“mc日”）；
var月=$（“#mc#avmonth”）；
var年=$（“mc年平均值”）；
错误_day='请输入有效日期'；
错误_month='请输入有效的月份'；
错误_year='请输入有效的年份'；
错误\日期='请输入有效日期'；
var av_errors=$（'mc_averrors'）；
如果（！（_是数字（day.val（）））{
AVU错误。文本（错误日）；
day.focus（）；
返回false；
}
如果（！（_是数字（month.val（）））{
AVU错误。文本（错误月）；
month.focus（）；
返回false；
}
如果（！（_是数字（year.val（）））{
AVU错误。文本（错误年份）；
年。焦点（）；
返回false；
}
如果（年份val（）.长度<4）{
AVU错误。文本（错误年份）；
年。焦点（）；
返回false；
}
如果（！\u检查日期（month.val（），day）。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(function() {
$("#frm-verify-age").submit(function(){
var age = 18;
var mydate = new Date($("#bday").val());
mydate.setFullYear(mydate.getFullYear());
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;
});
$("#bday").datepicker({
buttonText: 'Choose a Date'
});
$("#bday").mask("99/99/9999");
});
});
</script>
</head>
<body>
<form name="frm-verify-age" id="frm-verify-age">
Birthdate <input style="background-color:#FFFFa0" type="text" id="bday" name="bday" size="12" />
<input name="frm-verify-submit" id="frm-verify-submit" type="submit" value="submit" />
</form>
</body>
</html>
jQuery.timeago("2008-07-17"); //=> "3 years ago"
$.cookie('the_cookie', 'the_value'); //set cookie
$.cookie('the_cookie'); // read cookie
// parse the users input into a date
var date1 = new Date("7/11/2010"); //birthday
// get today's date
var date2 = new Date();
// legal age
var age = 18;
// get the difference in milliseconds since Epoch
var timeDiff = Math.abs(date2.getTime() - date1.getTime());
// convert it to days
var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
// there are 365.242199 days in a year * years, this is the minimum # of days old the person must be. return true or false if they are old enough.
return (diffDays > (age * 365.242199));
$('input[name="DAY"]').mask("99");
$('input[name="MONTH"]').mask("99");
$('input[name="YEAR"]').mask("9999");
$('.deleteCookie').click(function() {
$.cookie('age', null);
});
$('.submit').click(function() {
var enteredDOB = $('input[name="DAY"]').val() + "/" +
$('input[name="MONTH"]').val() + "/" +
$('input[name="YEAR"]').val();
var age = jQuery.timeago(enteredDOB);
if (age === 'NaN years ago') {
alert('DOB must be valid');
} else {
$.cookie('age', age);
if (parseInt(age, 10) >= 21) {
alert('you\'re of age');
} else {
alert('you\'re too young');
}
}
});
if (null !== $.cookie('age')) {
alert('saved Cookie ' + $.cookie('age'));
}
$('input[type="checkbox"]:checked').length > 0();
$('.submit').click(function() {
$('#submit').click(function() {
if ($('#remember').is(":checked")) {
$.cookie('age', age, { expires: 365 });
} else {
$.cookie('age', age);
}