一旦你开始了HTML表单的运行,你通常需要确保填写所有重要的字段。例如,如果你打算发送电子邮件确认函,那么电子邮件地址应该包含在表单域中,它应该是一个有效的电子邮件地址。
有两种方法来验证你的表单:
- 使用JavaScript
- 使用CGI脚本
使用JavaScript验证表单的优点
- 使用JavaScript,您不使用任何服务器处理器时间。 所有的处理都在客户端计算机上完成。
- 它通常看起来比CGI验证工作得更快。
- 由于表单页面没有改变,读者很容易修复错误。
使用JavaScript验证表单的缺点
- JavaScript只适用于启用它的浏览器。 如果JavaScript被禁用,您的错误检查没有完成。
使用CGI验证表单的优点
- 使用CGI进行验证可确保每次提交表单时验证都会运行。
使用CGI验证表单的缺点
- CGI给Web服务器增加了更多负担,并且CGI中包含的每个功能都是服务器的又一项任务。
- CGI可能运行缓慢。
- 如果发生错误,客户必须返回到表单的第一页,或者CGI需要另一个功能来重写表单页面。
我处理这个问题的方式是使用JavaScript完成大部分错误检查。 这样,读者就可以快速,方便地阅读。
然后我用CGI重新检查表单的重要元素。
如何使用JavaScript来验证HTML表单
创建表单验证的基本前提是查找所需的表单元素的名称,如果它们为空,则显示错误消息。
大多数错误检查程序一次检查一个字段,并一次显示一个错误。
这可以使填写表单乏味,人们可能会停在中间。 如果您使用以下脚本和Perl源代码,您将会知道如何一次性验证整个表单,并显示一系列错误消息,然后您的读者可以返回并修复。
用于验证表单的JavaScript
在HTML的头部,你应该创建一个脚本来完成表单验证:
- 设置脚本,并确保它不能处理JavaScript的浏览器隐藏。