使用默认值输入文本的表单验证

Question

我有一个包含10个输入文本框的表单，每个表单都有一个默认值，比如'First Name'，'Last Name'。我使用了onblur并专注于这些元素，因为在文本框旁边没有任何描述来指示每个框的用途。示例代码：

<input type="text" id="o_fname" name="o_fname" value="<?php if (isset($_POST['o_fname'])) echo $_POST['o_fname']; else echo 'First Name'; ?>" tabindex="1" size="36" style="background:#000000;color:#8e8e8e;border-color:#D8D8D8;height:22px;width:200px;" onFocus="if 
(this.value==this.defaultValue) this.value=''; " onBlur="if(this.value=='') this.value=this.defaultValue;"> 

我想验证在同一页上这种形式，我想我的jQuery的东西，但问题是，文本框中有一个默认值和jQuery是假设的东西是进入盒子，我没有正确验证...有关如何动态验证此页面的任何建议，以便用户无法提交表单，除非他输入所有字段？

Answer 1

找到了解决办法，在这里它是帮助他人：

http://www.javascript-coder.com/html-form/javascript-form-validation.phtml

然后写一个脚本来执行的表单字段自定义验证，它会检查输入的值是名字或没有。

Answer 2

如果该值有效，则仅使用默认值。否则，请使用<label>来指示字段的用途。这对于可访问性也很重要。

正统剧的地方使用默认值：在 正确的格式

• 今天的日期在日期字段中
的普遍选择的选项
• 复选框/收音机到最
• 默认选择框的值最常见的 的选择

Answer 3

要么创建一个JSON对象与所有的领域和他们的rela泰德默认值，或在JavaScript创建vars

则当提交表单比较提交值恢复为默认值，如果没有值与关联的默认值继续提交