本教程详细介绍了如何在网页中引入并使用Validform表单验证库，包括JS和CSS文件的引用方法，以及如何在表单中实现表单验证功能。通过实例演示了如何绑定正则表达式到表单元素，自定义验证规则，并为用户提供实时反馈信息。
Validform使用教程
添加validform必要的js和css
1. 在需要的jsp页面引用validform
在jsp的
<head></head>标签之间加入
<scripttype="text/javascript"src="validform/js/jquery-1.9.1.min.js"></script>
<scripttype="text/javascript"src="validform/js/Validform_v5.3.2_min.js"></script>
<link rel="stylesheet"href="validform/css/style.css" type="text/css"media="all" />
<linkhref="validform/css/demo.css" type="text/css"rel="stylesheet" />
例子如
Validform.jsp页面
a.Validform：一行代码搞定整站的表单验证！
|
1 |
$(".demoform").Validform(); |
b.要校验的字段上
在input上直接绑定正则，可以自定义datatype，自定义datatype可以是正则，也可以是函数，datatype可以累加或单选，甚至还可以对datatype规则执行简单的逻辑运算。
c.在字段后面加上<div class="Validform_checktip"></div> 用来提示信息
例子如下
<tdstyle="width:205px;"><input type="text"value="" class="inputxt mobile" name="mobile"ignore="ignore" datatype="m"errormsg="手机号码格式不对！" /></td>
<td><div class="Validform_checktip"></div></td>
End
项目例子
先跑起来JYB2B
在浏览器访问
http://localhost/JYB2B/validform
扫一扫
1255
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
