验证和突出显示表单字段

Posted

技术标签:

【中文标题】验证和突出显示表单字段【英文标题】:Validating and highlighting a form fields 【发布时间】:2013-01-14 14:31:39 【问题描述】:

我有一个表格,有很多字段,不能为空。并且不得突出显示它们。 因此,一方面:我必须将这些字段设为必填,因为不要让用户打印带有空白字段的表单。但如果我使用标准设置进行操作,这些字段将以红色突出显示(acrobat 阅读器的默认设置)。是的,这些设置可以在 Acrobat Reader 中更改,但由于该表单将被很多用户使用 - 我不能强制他们全部更改设置。 另一方面:如果表单字段设置为可选,则验证脚本不适用于空字段。 那么,有没有办法解决这个问题呢?

【问题讨论】:

【参考方案1】:

这是一个曲线球要求。通常,客户实际上希望在表单字段中有某种可见的指示器,以将他们的注意力吸引到特定的字段上。我建议您查看这些要求,因为它违反了可用性指南和行业最佳实践。

话虽如此,但要实现您想要实现的目标还有很长的路要走。

    打开您正在处理的表单并导航到: 文件 > 表单属性 > 表单验证 > 颜色必填字段 选中复选框:“未填写的颜色必填字段”并从颜色选择器“边框颜色”和“背景颜色”属性中选择白色。

如果您有任何问题,请告诉我。

谢谢, 阿玛汉。

【讨论】:

【参考方案2】:

关于可用性和最佳实践,我同意 Armaghan。 如果高亮字段不是一个选项,那么您可以通过循环遍历每个必填字段来将焦点设置到该字段,当它遇到不完整的字段时,停止并给予该字段焦点。这远非理想,因为如果用户错过了许多字段,他们将不得不对每个字段都经历相同的过程,直到完成。这也意味着添加一个检查我的表单按钮来发起验证检查。

【讨论】:

以上是关于验证和突出显示表单字段的主要内容,如果未能解决你的问题,请参考以下文章

jQuery Validation 突出显示两个字段的一个标签

ASP.net MVC 验证突出显示和不正确字段上的图标 Jquery

发生验证错误时,在JSF中突出显示inputText

防止 Access 表单中的整个字段被突出显示

CSS 突出显示活动表单字段

在网络表单上突出显示必填字段的最佳方法是什么?