JavaScriptFormValidation驗证框架使用手册.docxVIP

JavaScript Form Validation验证框架使用手册译 刘海刚使用客户端JS效验用户在网页表单的输入是一种很不错的方式，但当表单中的字段繁多时，这种效验工作也随之复杂。该效验框架使之变得更加简单。本手册主要讲解内容：下载Javascript表单验证脚本文件。表单验证脚本的使用。如何增加一个自定义验证器。各个验证器的描述。“条件”验证器。自定义代码触发提交。获取JavaScript Form Validation首先，到以下网址下载最新的验证框架文件：/files/form-validation/javascript_form.zip/files/form-validation/javascript_form.zip或者使用下载后的zip文件中包含了验证框架js脚本文件和使用范例。脚本中内置了几乎所有常见的验证类型。验证框架的主要思想是为需要验证的表单中的所有表单控件定义“验证描述符”集。“验证描述符”无非是个字符串而已，表示每个表单控件元素使用哪种验证，表单控件可以拥有0到多个验证器，例如：你可以要求输入控件不得为空，且必须在25个字符内，且为数字。换句话说，就是你可以为输入框设定多个“验证描述符”。表单验证脚本的使用在需要验证的HTML页，HEAD结束标签前添加gen_validatorv4.js（gen_validatorv4.js在下载后的zip文件中，解压即可）：紧接着在你需要验证的表单后面，通过表单的名字或ID创建Validator()对象：现在增加“必填”验证器addValidation()的方法格式：frmvalidator.addValidation(字段名, 验证器描述符, 验证失败信息);验证失败信息是可选的，如果不给定则使用框架默认失败信息。你可以继续添加一个数字的校验器：示例下面是一个完整的示例：form action= id=myform p?label for=FirstNameFirst Name:/label?input type=text id=FirstName name=FirstName //pp?label for=LastNameLast Name:/label?input type=text id=LastName name=LastName //pp?label for=EMailEMail:/label?input type=text id=EMail name=EMail //pp?label for=PhonePhone:/label?input type=text id=Phone name=Phone //pp?label for=AddressAddress:/label?textarea cols=20 rows=5 id=Address name=Address/textarea/pp?label for=CountryCountry:/label?select id=Country? name=Country?option value=000 selected=selected[choose yours]/option?option value=008Albania/option?option value=012Algeria/option?option value=016American Samoa/option?option value=020Andorra/option?option value=024Angola/option?option value=660Anguilla/option?option value=010Antarctica/option?option value=028Antigua And Barbuda/option?option value=032Argentina/option?option value=051Armenia/option?option value=533Aruba/option?/select/pp?input type=submit name=submit value=Submit/p/formscript type=text/javascript?var frmvalidator = new Validator(myform);?frmvalidator.addValidation(FirstName,req,Please enter your First Name);?frmvalidator.addValidation(FirstName,maxlen=20,?Max length for FirstName is 20);??frmvalidator.addValidation(La