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

核心提示： 如果浏览器不支持W3C DOM，那就用errorString生成一个警告框，JavaScript DOM学习第八章：表单错误提示(3)，你或许想修改一下警告框的内容，1if(!W3CDOM)2alert(errorstring);为了给用户方便，1varsp=document.createEle

如果浏览器不支持W3C DOM，那就用errorString生成一个警告框。你或许想修改一下警告框的内容。

1　if　(!W3CDOM)
2　　　　　alert(errorstring);

为了给用户方便，把焦点设置在第一个错误的元素上。

最后返回validaForm，如果还是true就提交表单，如果不是就停止提交。

writeError()

这个函数用来把错误信息输出到表单项上。如果失败，说明浏览器不支持W3C DOM，然后就把错误信息发送到errorstring。

这个函数会传递一个表单项和一条错误信息。

1　function　writeError(obj,message)
2　{

首先我们设置validForm为false：这个表单填写不正确，不应该被提交。

1　　　　　validForm　=　false;
2　}

然后检测表单项是否已经有了一个错误提示。如果有了，就返回到validation()函数，我可不想再同一项后面有两个错误提示。

if (obj.hasError) return;

检查浏览器是否支持W3C DOM：

1　obj.className　+=　'　error';

接着给错误表单项设置一个onchange的事件处理程序：

1　obj.onchange　=　removeError;

创建一个<span>来装在错误信息，并且设置它的类为"error"。在CSS里面设置要呈现的样式。

1　var　sp　=　document.createElement('span');
2　sp.className　=　'error';

给<span>添加一个错误信息的文本节点。

1　sp.appendChild(document.createTextNode(message));

然后把这个<span>添加到相应的表单项后买（在这个例子中，每个表单项都有一个<p>标签）。

编缉推荐阅读以下文章

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