使用客户端验证框架JSValidation
【IT168技术文档】
JSValidation是客户端表单验证框架，用在BS系统中，或者简单的网页系统中。表单验证在这些开发中很常见：新用户注册，需要校验某些字段；用户登陆，需要校验；等等。在这之前，页面开发者（JavaScript开发者）需要编写大量的JavaScript来与表单对象交互，并进行校验。常见的校验如不能为空，必须满足长度要求，必须为数字，必须为Email等等。根据一般的经验，如果表单中需要校验的域个数超过10个，开发过程就显得枯燥无味——多段重复的代码不断重复，如果要求跨浏览器，更多的考虑因素使人头疼不已。往往这个页面的验证还不能用于那个验证……虽然逻辑基本相同；但是在大多数情况下，出于种种原因，开发者宁愿（或者没办法）重新编写另一个页面的JavaScript代码。
在系统复杂，表单复杂的场景下，JSValidation的优势更加突出。JSValidation目前能够完成客户端的13种验证如下：
? 取值非空
? 必须为整数
? 必须为双精度数
? 必须为普通英文字符（字母，数字，下划线）
? 必须为中文字符
? 最小长度
? 最大长度
? 是否为Email格式
? 是否为日期格式（yyyy-mm-dd）
? 自定义的正则表达式
? 整数范围（大于某数小于某数）
? 双精度数范围
? 必须与某个域的值相同
使用步骤：
以我所做的测试为例，说明在实际应用中如何使用JSValidation。
1． 首先确定下载了最新版本的jsvalidation-framework.js文件。我将对index.htm文件进行JSValidation验证，我所做的测试都在名为test文件夹下，在该文件夹下有index.htm文件，即我所要进行测试的页面，在test文件夹下还有个名为javascripts的文件夹，我们将jsvalidation-framework.js、validation-config.xml和validation-config.dtd文件放到javascripts文件夹下。
2． 打开jsvalidation-framework.js，找到var ValidationRoot = ""; 将这行代码更改为var ValidationRoot = "XXX"; (XXX就是validation-config.xml文件的位置)。如果 jsvalidation-framework.js、validation-config.xml在同一文件夹下XXX值就为空。本例为var ValidationRoot = "javascripts/";
3． 在你需要进行校验的页面中，在<HEAD></HEAD>之间加入jsvalidation的引用：
<script language="javascript" src="javascripts/jsvalidation-framework.js"></script> src即为jsvalidation-framework.js文件相对测试页面的相对地址。
4．在该页面需要验证页面的表单Form标记中，加入onsubmit="return doValidate('formId')"。其中formID是该Form的id。在本测试页面中Form的ID为 form1。所以在该测试页面中的Form表单中应用为：<form method="GET" action="123.html" id="form1" onsubmit="return doValidate('form1')">
0
相关文章
关注我们
