文章是對PHP+Ajax實現表單驗證的程式碼進行了詳細的分析介紹,需要的朋友參考下。
一,利用鍵盤響應,在不重新整理本頁面的情況下驗證表單輸入是否合法
使用者通過onkeydown和onkeyup事件來觸發響應事件。使用方法和onclick事件類似。onkeydown表示當鍵盤上的鍵被按下時觸發,onkeyup和它正好相反,當鍵盤上的鍵被按下又抬起時觸發。
兩種常用呼叫方法:
(1)將事件新增到頁面元素中,當用戶輸入完資訊後,單擊任意鍵,onkeydown事件被觸發,並呼叫refer()函式。
這種方法最簡單,最直接,格式如下:
複製程式碼 程式碼如下:
<script type="text/javascript">
...
function refer(){
...
}
</script>
<input type="text" onkeydown="refer()"/>
(2)通過ad載入,當頁面被載入時,事件被載入。當用戶輸入資訊時,每輸入一個字母,都將觸發該事件,在該事件呼叫的函式中,對使用者輸入資訊進行判斷。
複製程式碼 程式碼如下:
ad = function(){
$('regname')ydown = function (){
name = $('regname')e;
}
}
使用onkeydown事件還可以實現對特定鍵的控制,包括<Enter>鍵(ode==13)、空格鍵(ode==32)、<Ctrl>鍵、<Alt>鍵等所有的按鍵,這是通過在onkeydown事件中使用keyCode屬性來實現的。KeyCode屬效能夠知道使用者按下的是哪個鍵。
二,註冊資訊驗證
通用函式,返回被觸發的'id元素物件
複製程式碼 程式碼如下:
function $(id){
return lementById(id);
}
ad事件,表示當前視窗被載入時觸發。function(){...}表示當前頁面被載入時所要進行的操作。
ad = function(){
...
}
function()函式解析;
首先將焦點定位到使用者名稱文字框,方便使用者操作。接下來聲明瞭5個變數,這5個變數代表了5個要檢測的資料的結果。當檢測資料為合格時,將變數值設為"yes".
複製程式碼 程式碼如下:
$('regname')s();
var cname1,cname2,cpwd1,cpwd2; //聲明瞭5個變數,表示要檢測的5項資料chkreg()函式是每一次觸發鍵盤事件後都要呼叫的,該函式判斷5個變數的值,只有當所有變數都為"yes"時,註冊按鈕才會被啟用。
function chkreg(){
if((cname1 == 'yes') && (cname2 == 'yes') && (cpwd1 == 'yes') && (cpwd2 == 'yes')){
$('regbtn')bled = false;
}else{
$('regbtn')bled = true;
}
}