作者lerf2 (last summer)
看板Ajax
標題Re: [問題] javascript驗證輸入的資料
時間Wed May 7 22:06:19 2008
※ 引述《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)
1F：推 chz:謝謝，我會試看看的^^" 05/08 05:00