下载

引入文件

<script src="/Example4/js/validation-framework.js"></script>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<script src="/Example4/js/validation-framework.js"></script>

</head>

<body>

<form method="post" action="/Example4/f" id="form1" onsubmit="return doValidate(this)">

用户名：<input type="text" name="userName" id="userName" /><span id="nameSpan"></span><br><br>

密码：<input type="password" name="password" id="password" /><span id="passSpan"></span><br><br>

<input type="submit" value="登录" /><input type="reset" value="重置" />

<div id="error" style="color:red;font-weight:bold"></div>

</form>

</body>

</html>

　　改写validation-config.xml

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE validation-config SYSTEM "validation-config.dtd">

<validation-config lang="auto">

	<form id="form1" show-error="error" show-type="all">

		<field name="userName" display-name="用户名" onfail="">

			<depend name="required" />

			<depend name="commonChar" />

		</field>

		<field name="password" display-name="密码">

			<depend name="required" />

			<depend name="commonChar" />

		</field>

	</form>

</validation-config>

　　服务器运行

出现的乱码问题，用Editplus保存为UTF-8

再次运行：

form元素属性

id:映射网页表单id

show-error:默认alert弹窗，可用div显示错误，参数值就是该div的id值

show-type:all全部错误

field

name:表单域的名称

display-name:表单域显示名称

onfail:尚未实现的功能

depend标记

required必须的，代表不能为空

Integer允许为空 || 是整数

Double允许为空 || 是double型

commonChar普通英文字符、数字和下画线

...其他查文档

JSValidation客户端验证框架的更多相关文章

  1. ASP.NET MVC的客户端验证：jQuery的验证

    之前我们一直讨论的Model验证仅限于服务端验证,即在Web服务器根据相应的规则对请求数据实施验证.如果我们能够在客户端(浏览器)对用户输入的数据先进行验证,这样会减少针对服务器请求的频率,从而缓解W ...

  2. JavaScript客户端MVC 框架综述

    简介 15 年前,许多人都使用 Perl 和 ColdFusion 之类的工具构建网站.我们经常编写可以在页面顶部查询数据库的脚本,对数据应用必要的转换,以及在同一个脚本底部显示数据.这类架构适合于向 ...

  3. struts2 的验证框架validation如何返回json数据 以方便ajax交互

    struts2 的验证框架validation简单,好用,但是input只能输出到jsp页面通过struts2的标签<s:fielderror  />才能取出,(EL应该也可以). 如果使 ...

  4. Struts2(十二)使用验证框架验证数据较验

    一.数据验证 1.1.为什么要进行数据验证 对数据的合法性进行检查,只允许合法的数据进入应用程序 1.2.在哪里实现数据验证 客户端验证: 数据提交前在客户端验证 可使用JavaScript或者JQu ...

  5. Silverlight实例教程 - 自定义扩展Validation类,验证框架的总结和建议（转载）

    Silverlight 4 Validation验证实例系列 Silverlight实例教程 - Validation数据验证开篇 Silverlight实例教程 - Validation数据验证基础 ...

  6. struts2(三)---struts2中的服务端数据验证框架validate

    struts2为我们提供了一个很好的数据验证框架–validate,该框架可以很方便的实现服务端的数据验证. ActionSupport类提供了一个validate()方法,当我们需要在某一个acti ...

  7. SpringMVC 使用验证框架 Bean Validation（上）

    SpringMVC 使用验证框架 Bean Validation(上) 对于任何一个应用而言在客户端做的数据有效性验证都不是安全有效的,这时候就要求我们在开发的时候在服务端也对数据的有效性进行验证. ...

  8. JavaWeb -- Struts2 验证框架

    1. 验证框架 示例 表单提交Jsp, reg.jsp <%@ page language="java" contentType="text/html; chars ...

  9. 第二天(1)声明式验证之使用验证框架验证域模型和ModelDriven验证

    有一类特殊的属性,即这个属性的类型是另外一个JavaBean,如有一个User类,代码如下: package data; public class User { private String name ...

随机推荐

  1. BestCoder12 1001.So easy(hdu 5058) 解题报告

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5058 (格式有点问题,为了方便阅读---整个复制下来吧) 题目意思:给出两个长度都为 n 的集合你,问 ...

  2. codeforces 471C.MUH and House of Cards 解题报告

    题目链接:http://codeforces.com/problemset/problem/471/C 题目意思:有 n 张卡,问能做成多少种不同楼层(floor)的 house,注意这 n 张卡都要 ...

  3. C语言字符串处理

    一. C语言中,为什么字符串可以赋值给字符指针变量 char *p,a='5';p=&a;                     //显然是正确的,p="abcd";   ...

  4. php 面向对象之继承、多态和静态方法

    <?php //继承:子类可以继承父类的一切 //特点:单继承 //父类 class Ren { public $name; public $sex; public $yuyan; functi ...

  5. rsync实时同步文件

    http://rsync.samba.org/download.html [root@v01 src]# yum install git [root@v01 src]# git clone git:/ ...

  6. Shell脚本入门与应用

    编写第一个shell脚本 如同其他语言一样,通过我们使用任意一种文字编辑器,比如 nedit.kedit.emacs.vi 等来编写我们的 shell 程序.程序必须以下面的行开始(必须方在文件的第一 ...

  7. 用PHP实现定时器功能

    1.直接使用PHP来完成定时 <?php ignore_user_abort(false);//当用户关闭页面时服务停止 set_time_limit(0); //设置执行时间,单位是秒.0表示 ...

  8. aidl 中通过RemoteCallbackList 运用到的回调机制： service回调activity的方法

    说明:我没有写实例代码,直接拿项目中的代码,有点懒了,这里我省略贴出两个aidl文件. TtsService extends Service private final RemoteCallbackL ...

  9. asp.net获取客户端IP方法(转载)

    最近web获取客户端ip,看到下面这篇文章,转载过来,一起分享(转载地址:http://www.cnblogs.com/yejun/archive/2008/02/26/1082485.html) 通 ...

  10. hdu 1010:Tempter of the Bone（DFS + 奇偶剪枝）

    Tempter of the Bone Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Othe ...