下载
引入文件
<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" οnsubmit="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普通英文字符、数字和下画线
...其他查文档
1781
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
