Question

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

    <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对象，或在javascript中创建vars

然后在提交表单时将提交的值与默认值进行比较，如果没有任何值与关联的默认值匹配，则继续提交

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

3 个答案: