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