表单实例 这是一个表单的实力。这里有一个小问题：因为我的服务器现在不支持，所以表单不能提交。我会打印出你的输入，然后返回一个false，这样表单就没有被提交。 onSubmit的代码做了两件事情：检查你是否在四个文本框里面都填写了数据，然后把所有的元素都连接起来打印在下面的文本区域中。 原文中有实例，需要童鞋请移步，我就不搬过来了。 检测文本区域 这段代码会检测用户是否在文本框内输入了内容。他会忽略复选框和单选框，但是会总提醒用户选择select box，就算你选了，也会提醒，因为他的值总是null。所以最好在你只是用来检测文本段的时候使用这段代码。 复制代码 代码如下: function checkscript() { for (i=0;i<4;i++) { box = document.example.elements[i]; if (!box.value) { alert('You haven't filled in ' + box.name + '!'); box.focus() return false; } } return true; } 在这个例子中，我想检查0--3号元素，所以我设置一个变量i。你会注意到，我使用的是数字而不是使用name。这个就是数字好过name的一个例子。 复制代码 代码如下: for (i=0;i<4;i++) { 然后我创建一个变量box，用来访问当前元素。如果不创建的话，我就需要把document.example.elements[i]写上好几遍，我可懒得写。 复制代码 代码如下: box = document.example.elements[i]; 如果这个文本框的值为空，那么我们就需要做： 复制代码 代码如下: if (!box.value) { 首先我们使用文本框的name，如果你的命名比较明白，那么用户也会比较好理解是哪个文本框除了问题。 复制代码 代码如下: alert('You haven't filled in ' + box.name + '!'); 作为一个附加服务，我们把焦点放置在有问题的文本框上，这样用户就能够马上填写了。因为所有的浏览器都支持，所以也不需要做检测： 复制代码 代码如下: box.focus() 然后我们返回一个false。代码停止运行，表单也不会提交。等待用户输入。 复制代码 代码如下: return false; 如果所有的文本框都填写了，返回true，以表示一切正常。函数停止，表单提交。 复制代码 代码如下: } } return true; 翻译地址：http://www.quirksmode.org/js/formex.html 转载请保留以下信息 作者：北玉(tw:@rehawk)

　　推荐阅读

　　jQuery入门问答 整理的几个常见的初学者问题

本节并没有涉及到jQuery如何编写，只为大家解决几个常见问题，因为这也是面试中常常遇到的几个问题。如果你掌握了jQuery可以成为提升工资的一个资本。 初学jQuery的朋友，基本上都会问同一个问题“什么是jQuery？”>>>详细阅读

本文标题：JavaScript DOM学习第六章 表单实例

地址：http://www.17bianji.com/kaifa2/JS/27054.html

 1/2    1