网页表单的javascript集成验证方法举例

2009-12-16 01:28| 发布者: admin| 查看: 59| 评论: 0|原作者: 心然

作为一名Web设计人员、一名Coder，你是否已经厌倦了网页设计中的表单验证问
题？不厌其烦的拷贝 if(x) { alert('wrong');} ，还是使用一个难以尽和我意的
IDE ？好吧，让我来告诉你一种比较lazy的写法，你也许就不会对表单验证那么头大
了……
原理：
表单验证无非是要对要收集每一条信息进行验证，也就是要写一个名为
frmValid的javascript函数，在其中执行如下操作：
...
if (待验证条目不符合条件)
{
alert('出错了!');
待验证条目.focus();
return false;
}
...
// all right
return true;
当然，

必须包含在
HTML代码中。想想看，待验证条目越多代码越长，也就越容易出错。
下面我们把验证条目放到一个数组里，如下：
elemArray = new Array(
'待验证条目名',
'验证条件',
'出错提示');
那么验证代码将大大精简，我们只要如下使用循环就可实现上述冗长
代码时下的功能，这里我们用with和eval语句构造判断条件：
with(eval('obj.'+elems[i][0]))
{
if(eval(elems[i][1]))
{
window.alert(elems[i][2]);
focus();
return false;
}
}
我们建立多位数组就可实现循环遍历每个条目：
elems = new Array(
new Arrary( ...),
...
);
for(i = 0; i < elems.length; i++)
{
// 上面的验证语句
}

实战：
1、使用如下例子编写验证脚本：

2、为form添加onsubmit属性：

如果你感觉我的方法还行的话，那我欢迎你使用，呵呵……

收藏分享邀请

		自动登录	找回密码
密码			注册

网页表单的javascript集成验证方法举例

最新评论

相关分类