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

核心提示： 解释首先我们坚持是否支持W3C DOM，这个例子能够在mac上的IE工作，JavaScript DOM学习第八章：表单错误提示(2)，但是如果在其他页面上不能工作很正常，因为那个浏览器对W3C DOM的支持还不够，按照你想的任何顺序检查错误，当你发现了一个错误，不能应对所有情况，然后我们创建了o

解释

首先我们坚持是否支持W3C DOM。这个例子能够在mac上的IE工作，但是如果在其他页面上不能工作很正常。因为那个浏览器对W3C DOM的支持还不够，不能应对所有情况。

然后我们创建了onsubmit的事件处理程序，这个程序调用我们的验证函数validation()。

1　var　W3CDOM　=　(document.getElementsByTagName　&&　document.createElement);
2　　
3　window.onload　=　function　()　{
4　　　　　document.forms[0].onsubmit　=　function　()　　　　{
5　　　　　　　　　return　validate()
6　　　　　}
7　}

validate()

我们假设表单是验证通过了的（validForm=true），我们设置firstError=null。最终我们会给第一个错误元素一个焦点。然后创建一个字符串：errorstring，这个包含所有的错误信息。这个只针对W3C DOM浏览器。

1　var　x　=　document.forms[0].elements;
2　for　(var　i=0;i<x.length;i++)　{
3　　　　　if　(!x[i].value)
4　　　　　　　　　writeError(x[i],'This　field　is　required');
5　}
6　if　(x['email'].value.indexOf('@')　==　-1)
7　　　　　writeError(x['email'],'This　is　not　a　valid　email　address');

1　function　validate()　{
2　　　　　validForm　=　true;
3　　　　　firstError　=　null;
4　　　　　errorstring　=　'';

这个vlidate()函数的核心和平常的一样。按照你想的任何顺序检查错误。当你发现了一个错误，调用writeError()然后传递给他错误的表单项和错误信息。

编缉推荐阅读以下文章

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