網站首頁 語言 會計 網際網路計算機 醫學 學歷 職場 文藝體育 範文
當前位置:學識谷 > 計算機 > php語言

基於PHP+Ajax實現表單驗證的詳解

欄目: php語言 / 釋出於: / 人氣:1.36W

文章是對PHP+Ajax實現表單驗證的程式碼進行了詳細的分析介紹,需要的朋友參考下。

基於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;

}

}