Re: [問題] javascript驗證輸入的資料
※ 引述《chz (喵的勒)》之銘言:
: 問題是這樣的
: 我在寫的購物車中有一個ecoupon的欄位
: 我希望能在輸入完ecoupon後,就自動判斷輸入的code是否是合法的(存在)
: 對於輸入的結果直接在畫面顯示驗證結果
: 比較大的問題是,我是把ecoupon存在資料庫中
: 所以不太知道要用什麼方法去檢查
: 應該說,我不會用java script去call database中的資料
: (資料庫的東西之前都是用PHP處理)
: 不知道有沒有什麼好方法可以解決這個問題?
1. 首先你要有一個PHP的處理頁面, process.php
接收 POST ecoupon 變數,然後比對資料庫裡是否有該筆資料。
有的話 echo "yes", 沒有 echo "no"
2. 開始在表單頁加入 AJAX, 在 jQuery 裡是這麼做的
//假設處理頁面名稱是process.php, post過去的變數名稱為ecoupon
//值是id為ecoupon欄位的值
$.post("process.php",{ecoupon:$('#ecoupon').val()},function(data){
//post過去後會return data
if(data=="yes"){
//使用者輸入的ecoupon資料庫有查到是正確的
}
else{
//資料庫查無此資料
}
});
3. 你可以把上面的利用jQuery post的code寫成一個function
然後再監測那個欄位,像是多一個button是check
按下後就會將 ecoupon 欄位透過上面的function post給伺服器
原理大概就是這樣啦,伺服器端還是用PHP去處理資料.
但是jQuery的 $.post()是一個XMLHttpRequest 並不會Reload頁面.
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 163.22.32.140
※ 編輯: lerf2 來自: 163.22.32.140 (05/07 22:12)
推
05/08 05:00, , 1F
05/08 05:00, 1F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 3 篇):
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章