2013-02-11 40 views
0

好吧,所以我試圖將this datepicker集成到我的magento頁面進行年齡驗證。用於magento的Javascript/jQuery驗證彈出窗口

我已經成功地將所需的CSS和jQuery腳本文件添加到我的magento頁面的頭部分,但我無法弄清楚添加html的位置。

包源代碼可用here以及html和javascript文件。 我想修改它,以便當一個人超過18歲時,他們會留在頁面上,如果沒有,他們會被重定向到google.com。

不能得到這個工作,因爲我不知道如何將index.html文件的代碼添加到我的magento頁面。我真的很感謝一些幫助。

或者是否有一種替代(更簡單)的方式來將「年齡驗證」與cookie相關聯,而無需使用PHP腳本?

回答

0

您可以使用以下腳本進行此驗證,可能會對您有所幫助。

<script> 
function check_dob() 
{ 
    var month = document.getElementById('month').value; 
    var day = document.getElementById('day').value; 
    var year = document.getElementById('year').value; 
    var dbDate = year+'-'+month+'-'+day; 
    var today = new Date(); 
    var birthDate = new Date(dbDate); 
    var age = today.getFullYear() - birthDate.getFullYear(); 
    var m = today.getMonth() - birthDate.getMonth(); 
    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) { 
    age--; 
    } 

    if(age<=20) 
    { 
     alert("You are under "+age+" Year") 
    } 
} 
</script> 
0

您需要將一些/所有的html放到您的模板中,可能放在每個頁面上的某處。例如/ app/design/frontend/ /_theme_/template/page/html/header.phtml

+0

Hello Jared,謝謝你的回覆。我將包中的index.html文件的html添加到header.phtml,但它不起作用。 你能否提出一種更好的方法來將年齡門設置爲magento? – 2013-02-12 05:53:09

+0

「沒有用」對我來說是不夠的。爲什麼它沒有工作。它可能沒有JS或CSS包含?這個軟件包看起來很好(只要它滿足你需要的任何監管標準)。否則,你將不得不使用PHP等 – 2013-02-13 03:59:49

+0

這是我做的: 我從包中的d index.html文件複製了整個代碼,並粘貼它2像你說的header.phtml(因爲我希望它2出現在每一個頁)。 NEXT 我刪除了複製代碼中所需的.js和.css文件的舊路徑引用,並向頁面添加了.js和.css文件(我將其保存在本地服務器上)的新路徑引用。 xml文件位於 「/應用程序/設計/前端/默認/ MY_THEME /佈局/ 像這樣: 」<操作方法=「 addJs」>「 現在我看到的代碼在網頁源代碼中,但它不起作用 – 2013-02-13 05:29:20

相關問題