JavaScript DOM学习第八章：表单错误提示

核心提示： 1obj.parentNode.appendChild(sp);最终，给这个表单设置hasError属性，JavaScript DOM学习第八章：表单错误提示(4)，这个属性既可以用来说明有错误的表单项也可以方便将来移除错误信息，1obj.hasError=sp;2}对于不支持的浏览器，1thi

1　obj.parentNode.appendChild(sp);

最终，给这个表单设置hasError属性。这个属性既可以用来说明有错误的表单项也可以方便将来移除错误信息。

1　　　　　obj.hasError　=　sp;
2　}

对于不支持的浏览器，我们把表单项目的名称和错误信息保存在errorstring里面。这个字符串会在最后弹出。也给他设置hasError属性。

1　else　{
2　　　　　errorstring　+=　obj.name　+　':　'　+　message　+　'\n';
3　　　　　obj.hasError　=　true;
4　}

如果这时候validForm的值还是true那么将firstError设置为现在的元素。以便于将来设置焦点。

1　if　(validForm)
2　　　　　firstError　=　obj;

removeError()

每一个错误表单项的onchange的事件处理程序都指向这个函数。如果用户修改了相应的表单项，我们礼貌的假设错误已经修正了。因此错误信息应该消失。

首先移除表单项的类中的error项。这个用来移除特别的错误样式。

1　function　removeError()　{
2　　　　　this.className　=　this.className.substring(0,this.className.lastIndexOf('　'));

然后移除错误信息。hasError属性指向包含该信息的<span>，所以我们从表单项的父元素移除它。

1　this.parentNode.removeChild(this.hasError);

最后再做一些清理。设置hasError属性为null，然后移除onchange的事件处理程序。

1　　　　　this.hasError　=　null;
2　　　　　this.onchange　=　null;
3　}

翻译地址：http://www.quirksmode.org/dom/error.html

文章出处：http://beiyu.cnblogs.com

编缉推荐阅读以下文章

• JavaScript DOM学习第九章：选取范围的介绍
• JavaScript DOM学习第七章：表单的扩展
• JavaScript DOM学习第六章：表单实例
• JavaScript DOM学习第五章：表单简介
• JavaScript DOM学习第四章：getElementByTagNames
• JavaScript DOM学习第三章：内容表格
• JavaScript DOM学习第二章：编辑文本
• JavaScript DOM学习第一章：W3C DOM简介
• javaScript DOM方法与属性摘要