jQuery實現(xiàn)驗證年齡簡單思路
更新時間：2016年02月24日 10:59:03 投稿：hebedich
本文給大家分享的是jQuery實現(xiàn)驗證年齡簡單思路，讓用戶填出生年月，然后根據(jù)當(dāng)前時間計算是否小于網(wǎng)站要求的年齡，小于就提示，有需要的小伙伴可以拿去直接使用。
這段代碼假定環(huán)境是一個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更優(yōu)雅的提示方法。并且應(yīng)該在服務(wù)器端進(jìn)行再次驗證，不然只能在啟用js的客戶端驗證。
反正代碼的意思就是讓用戶填出生年月，然后根據(jù)當(dāng)前時間計算是否小于網(wǎng)站要求的年齡，小于就提示。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)簡單的手風(fēng)琴效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了jQuery焦點圖輪播特效，jQuery cxSlide實現(xiàn)的三款多功能大氣焦點圖輪播特效源碼，是一段擁有三種不同風(fēng)格和效果的焦點圖輪播代碼，還可以使用鼠標(biāo)的滾輪控制圖片的縮放，推薦給大家，有需要的小伙伴可以參考下2015-09-09
IE10中flexigrid無法顯示數(shù)據(jù)的解決方法
這篇文章主要介紹了IE10中flexigrid無法顯示數(shù)據(jù)的解決方法的相關(guān)資料,需要的朋友可以參考下2015-07-07
jQuery Selectors(選擇器)的使用(七、子元素篇)
本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法，我將以實例方式進(jìn)行講述，以簡單，全面為基礎(chǔ)，不會涉及很深，我的學(xué)習(xí)方法：先入門，后進(jìn)階！2009-12-12
基于jQuery實現(xiàn)搜索關(guān)鍵字自動匹配功能
這篇文章主要介紹了基于jQuery實現(xiàn)搜索關(guān)鍵字自動匹配功能，自動匹配搜索關(guān)鍵詞功能廣泛應(yīng)用到搜索引擎當(dāng)中，感興趣的小伙伴們可以參考一下2015-10-10
這篇文章主要介紹了jquery對象和DOM對象的任意相互轉(zhuǎn)換的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
本篇文章主要介紹了jQuery中ajax的使用與緩存問題的解決方法。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery正在成為Web開發(fā)人員首選的JavaScript庫,作為Web開發(fā)者,除了要了解語言和框架的應(yīng)用技巧外如何提升語言的性能,本文提供即刻提升你的腳本性能的十個步驟 簡單的幾步讓你的JQuery跑得更快 需要的朋友可以參考下2012-12-12
瀏覽者是否對網(wǎng)站感興趣，前20秒的第一印象至關(guān)重要，所以我們的設(shè)計要符合大眾的期望。下面我們將設(shè)計一個個性的導(dǎo)航菜單。2009-12-12
實用jQuery分頁特效插件jquery.pagination.js，基于jQuery實現(xiàn)，本文給大家分享jquery分頁插件之jquery pagination，需要的朋友可以參考下2015-08-08