技术开发 频道

使用客户端验证框架JSValidation


IT168技术文档】 
    5.编写validation-config.xml 
    打开javascripts文件夹中的validation-config.xml文件进行编辑以我所做的为例进行说明: 

    validation-config.xml:
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE validation-config SYSTEM "validation-config.dtd"> <validation-config lang="zh-cn"> <form id="form1" show-error="errorDiv" show-type="all"> <field name="ID" display-name="ID" onfail=""> <depend name="required" /> <depend name="commonChar" /> </field> <field name="Password" display-name="password"> <depend name="required" /> <depend name=" commonChar " /> </field> </form> </validation-config>
    validation-config: 根节点 

    属性:lang: 所用的语言,可以是"auto", "zh-cn"(简体中文)或者"en-us"(英文)。默认为auto,可选。
子节点:form, 一个或多个form: 虚拟表单,通过id映射网页中的表单。有几个Form表单就有几个Form子节点。
属性:id: 映射网页表单中的id,通过这个id,使得jsvalidation与实际网页表单相关联。这个id与测试页面中form表单中的id 一致。必须 

    show-error: 显示错误提示信息的方式。可以是alert(将会显示对话框)或者一个div的id(将会在这个div中显示错误消息)如果要用div来显示错误信息,则要在测试页面的Form 表单前加
<div id="errorDiv" style="color:red;font-weight:bold"></div> 即:
<div id="errorDiv" style="color:red;font-weight:bold"></div>
<form method="GET" action="demo_result.html" ID="form2" onsubmit="return doValidate(this)"> 表明该表单是用div来显示错误信息的。当然show-error的值为该div的id 本例中为 show-error="errorDiv" 必须 

    onfail: 当校验失败时,运行的自定义JS函数。 

    子节点:field,一个或者多个field: 虚拟表单域,通过name映射表单中的实际域 

    属性:name: 表单中的域的名称,例如input name="abc",此处则对应abc。在本例中有ID和密码两个输入框则对应有两个field,且field中的id与测试页面中输入框ID想对应 必须display-name: 表单的显示名称。当校验失败时,会显示这个属性。必须
onfaile: 与form中的onfail一样。尚未实现。可选 

    子节点:depend,一个或多个depend: 校验条件 

    属性:name: 校验条件的名称,必须为下面指定的13中名称之一,大小写敏感。如我要对ID和密码对要进行空值验证则有个<depend name="required" />如还要对ID进行“普通英文字符:字母数字和下划线”验证则在加个<depend name="commonChar" />如上所示。如还要进行其他验证在在加 <depend name="XXX" />XXX为以下13中函数其中之一的名称。 
    param0-param4,5个参数,根据name不同,各有不同取值。

0
相关文章