javascript校验表单不错的方法
2006-08-24 08:47
351 查看
整个代码如下,思路是根据每个元素的DataType和ErrInfo两个属性来进行校验,可以将表单作为参数传入到函数中,那样的话,校验就更加通用了,可以添加自己的类型
/*
*对当前整个表单进行数据校验
*要求校验的数据设置了DataType和ErrInfo两个属性,DataType表示数据正确的类型,ErrInfo表示数据校验通不过后显示的错误提示
****人:李建旭 2006-08-24
*/
function checkForm()
{
//循环遍历表单的所有元素
for (var i=0;i<form.elements.length;i++)
{
//得到其中的一个表单元素
var e = form.elements[i];
//判断是否定义了DataType属性,如有则进行校验
if (e["DataType"] != undefined)
{
//得到类型
var type = e["DataType"];
//根据不同的类型做不同的校验
switch(type)
{
//如果是整型
case "integer":
//通过js内置函数进行校验
if (isNaN(e.value))
{
//通不过这得到该元素的ErrInfo属性,进行错误提示
alert(e["ErrInfo"] + '输入错误');
return false;
}
break;
//日期型通过调用vbs的IsDate函数进行校验
case "DateTime":
//得到输入的值
var a = e.value;
//调用函数,执行vbs代码
execScript('n=isDate("' + a + '")','vbscript');
//返回false
if (!n)
{
//提示错误
alert(e["ErrInfo"] + '输入错误');
return false;
}
break;
}
}
}
return true;
}
/*
*对当前整个表单进行数据校验
*要求校验的数据设置了DataType和ErrInfo两个属性,DataType表示数据正确的类型,ErrInfo表示数据校验通不过后显示的错误提示
****人:李建旭 2006-08-24
*/
function checkForm()
{
//循环遍历表单的所有元素
for (var i=0;i<form.elements.length;i++)
{
//得到其中的一个表单元素
var e = form.elements[i];
//判断是否定义了DataType属性,如有则进行校验
if (e["DataType"] != undefined)
{
//得到类型
var type = e["DataType"];
//根据不同的类型做不同的校验
switch(type)
{
//如果是整型
case "integer":
//通过js内置函数进行校验
if (isNaN(e.value))
{
//通不过这得到该元素的ErrInfo属性,进行错误提示
alert(e["ErrInfo"] + '输入错误');
return false;
}
break;
//日期型通过调用vbs的IsDate函数进行校验
case "DateTime":
//得到输入的值
var a = e.value;
//调用函数,执行vbs代码
execScript('n=isDate("' + a + '")','vbscript');
//返回false
if (!n)
{
//提示错误
alert(e["ErrInfo"] + '输入错误');
return false;
}
break;
}
}
}
return true;
}
相关文章推荐
- javaScript实现定时显示隐藏、BOM对象方法介绍、表单简单校验、表格换色、DOM、二级联动
- Javascript 表单校验的三种方法
- javaScript实现定时显示隐藏、BOM对象方法介绍、表单简单校验、表格换色、DOM、二级联动
- html5 JavaScript表单验证实现方法
- 使用JavaScript进行表单校验功能
- JavaScript中常用表单验证方法
- javascript巧用eval函数组装表单输入项为json对象的方法
- javascript高级之表单校验
- Dedecms自定义表单“数据校验不对,程序返回错误”的解决方法
- 常用的js方法,包括表单校验的一些方法,下拉菜单常用的方法等等
- onsubmit校验表单时利用ajax的return false无效解决方法
- javascript实现表单提交后,提交按钮不可用的方法
- 常用Javascript表单取值方法
- Prasely表单校验插件简单使用方法之快速入门
- javascript事件函数中获得事件源的两种不错方法
- javascript实现回车键提交表单方法总结
- Js校验表单数据后提交表单的3种方法
- javascript中FORM表单的submit()方法经验教训.
- javascript前台校验表单
- JavaScript实现信用卡校验方法