HTML5表单验证在Tab标签页中的应用

作者：张文豪^*

来源：福建电脑, 2022, 38(05): 31-34.

DOI：10.16707/j.cnki.fjpc.2022.05.007

• HTML5
• 表单验证
• Tab标签页
• JavaScript

由于Tab隐藏标签页的内容会被隐藏，因此造成其包含的HTML5表单输入控件的验证报告信息也会被隐藏，使用户无法看到验证报告信息。为了解决该问题，本文提出使用JavaScript程序自动查找数据验证失败的表单输入控件所在的Tab标签页，然后将其自动切换为显示状态，再显示表单验证报告信息的方法。通过实际应用证明，该方法能有效解决该问题，能够使得HTML5表单验证在Tab标签页中正常使用。

• 单位
  广东白云学院