资源描述:
《基于javascript的验证表单通用方案的设计与应用》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、基于JavaScript的验证表单通用方案的设计与应用计算机时代2010年第4期?43?JavaScript验证表单通用方案的设计与应用徐卫英(苏州市职业大学计算机工程系,江苏苏州215001)摘要:表单是实现用户交互式访问wleb网页的界面,向表单添加JavaScdpt,nJ以增加表单的动态交互性,验证用户输入的数据等•文章介绍了利用JavaScdpt语言来验证表单数据的一种通用方案,并通过一个示例描述了这种通用方案的实际应用.关键词:JavaScript;客户端;验证;表单;方案DesignandApplicationo
2、faGeneralSchemeforValidatingFormBasedonJavaScriptXUWei—ying(Dept.ofComputerEngineering,SuzhouVocationalUniversity,Suzhou,Jiangsu215001,China)Abstract:FormisaninterfaceforuserinteractionwithWebpage.ToaddJavaScripttoaformcanenhancethedynamicinteractivityoftheformandv
3、alidateuserinputdata.AgeneralschemeusingJavaScripttovalidateformisintroduced,andanexampleisprovidedtodescribeitspracticalapplication.Keywords:JavaScript;client;validate;form;scheme0引言表单是HTML语言最有用的功能之一,通过它可收集用户信息.向表单添加JavaScfipt,可以增加表单的动态交互性,验证用户输入的数据•如常用的用户注册界面,就是通
4、过表单来提取用户信息,实现交互式访问的•用户填写表单之后,点击表单上的Submit(提交)按钮,将表单的信息发送到web服务器,由服务器端的应用程序(如CGI,ASP,ASPX,PHP或JSP等)处理信息,数据信息通常存储在数据库中供以后使用•因此,在数据信息发送到服务器并存储之前,要确保用户在表单中输入的数据是有效的,格式是正确的.检验数据(验证表单)的方法主要有JavaScript,JScript和VBScript等方法.其中JavaScript编写的程序口1由多种浏览器来解释执行,具有较好的兼容性和跨平台性,得到了广泛
5、的应用•木文主要介绍利用JavaScript语言来验证表单数据的一种通用方案,并通过一个示例描述这种通用方案的实际应用.验证表单是JavaScript的常用功能之一.借助该功能,使用一个简单脚本就可以读取用户在表单屮输入的数据,并确保输入格式正确,如保证输入的是邮政编码或者电话号码.这项功能可以提醒用户注意一些常见的错误并加以改正,而不必等待服务器的响应,从而减少服务器的处理任务,同时也提高了用户的操作效率一.1通用方案的设计在一个Web网站中常有多个网页包含表单,以前的方法是在每个网页中嵌/X,<script>
6、脚木代码,分别验证表单内容,采用这种方法,网页中将包含许多重复的代码,代码的重用性较差.现在我们设计的通用方案,为每个输入字段创建单独的验证规则,存储在一个独立的外部脚本文件clientEventHandlers.js屮,然后在有表单的网页中分别调用这个文件,从而实现代码的重复使用,提高编程效率.clientEventHandlers.js文件的部分主要代码如I下:〃函数chksDc的功能:检查字符串是否含有空格.如果是,返回0,否则返回1.functionchkspc(a){vari=a.length;var_i=O:va
7、rk=O:while(k<i),{if(a.charAt(k)!=-1)j」+l;k二k+1:.)if0==0){returnO:)if(i—j){return2:)else{return1;)),/函数chkemail的功能:检查字符宙是否为合格的EmailAddress.如果是,则返回0,否则返回1.functionchkemail(a){vari=a.length;vartemp=a.indexOf(,@.):vailempd=a.indexOf(T):if(temp>l){if((i-temp)>3
8、){if((i-tempd)>O){return1:))}returnO:?■44?ComputerEraNo.42010)丿函数chkdate的功能:检查字符串是否为Fl期.返回0则不是口期,返回1则是口期.functionchkdate(datestr)(vatlthdatest