【翻译作品】JavaScript DOM学习第六章：表单实例

在这一章我有一个检查用户输入然后打印用户输入的表单和代码。下面我会着重讲解检测文本的代码。

表单实例

这是一个表单的实力。这里有一个小问题：因为我的服务器现在不支持，所以表单不能提交。我会打印出你的输入，然后返回一个false，这样表单就没有被提交。

onSubmit的代码做了两件事情：检查你是否在四个文本框里面都填写了数据，然后把所有的元素都连接起来打印在下面的文本区域中。

原文中有实例，需要童鞋请移步，我就不搬过来了。

检测文本区域

这段代码会检测用户是否在文本框内输入了内容。他会忽略复选框和单选框，但是会总提醒用户选择select box，就算你选了，也会提醒，因为他的值总是null。所以最好在你只是用来检测文本段的时候使用这段代码。

for (i=0;i<4;i++) {

[/code]
然后我创建一个变量box，用来访问当前元素。如果不创建的话，我就需要把document.example.elements[i]写上好几遍，我可懒得写。

]	if (!box.value) {

[/code]
首先我们使用文本框的name，如果你的命名比较明白，那么用户也会比较好理解是哪个文本框除了问题。

		box.focus()

[/code]
然后我们返回一个false。代码停止运行，表单也不会提交。等待用户输入。

	}
}
return true;

[/code]

翻译地址：http://www.quirksmode.org/js/formex.html