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

}

}