下载
引入文件
<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普通英文字符、数字和下画线
...其他查文档