封装js验证表单元素是否为空

最新推荐文章于 2023-01-13 23:46:38 发布

原创最新推荐文章于 2023-01-13 23:46:38 发布 · 353 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

Web前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一段使用JavaScript实现的表单验证代码，该方法通过定义一个Formfield类来存储表单字段名及其对应的标签，然后遍历这些字段检查其值是否为空。如果发现空值，则会弹出提示并使该字段获得焦点。

一段利用js验证表单元素值是否为空的代码，封装的还不错。


<script language="javascript" type="text/javascript">

// js定义类方式
function Formfield(name, label){
	this.name=name;
	this.label=label;
}

// 验证表单
function verifyForm(objForm){
	var list  = new Array(new Formfield("name", "产品名称"),
                              new Formfield("description", "产品描述"));
	for(var i=0;i<list.length;i++){
		var objfield = eval("objForm."+ list[i].name);
		if(objfield.value==""){
			alert(list[i].label+ "不能为空");
			if(objfield.type!="hidden" && objfield.focus()) objfield.focus();// 得到焦点
			return false;
		}
	}
    return true;
}
</script>