使用JavaScript创建智能表单
· 吕晓波·CPCW
验证用户输入
在我们的网站中,经常会加入一些表单,要求用户输入类似姓名或邮件地址等的个人信息。为了确保用户输入的信息符合所期望的格式,我们可以编写CGI程序或JavaScript脚本进行验证。上述两种方式相比较而言,后者更为理想。因为JavaScript脚本可以在数据被发送到服务端之前对其进行判断和处理,而CGI程序只能在服务端执行,不可避免的会增加整个服务系统的负担。
使用JavaScript的一种方法是创建一个伪提交按钮调用预先编写好的函数对用户所输入的信息进行验证。对于符合规定格式的用户数据使用submit()方法提交到服务端;而对于那些格式不正确的输入则发出警告信息。其中,伪提交按钮的代码如下:
采用这种方法的缺陷在于必须要求用户所使用的浏览器能够支持JavaScript。如果浏览器不支持JavaScript或者用户关闭了JavaScript支持功能,浏览器将无法执行onClick事件,从而使整个脚本失去作用。
为了能够根据不同的用户端环境提供最佳的解决方式,可以把验证函数赋值给onSubmit属性。代码如下:
|