日期:2014-05-16  浏览次数:20681 次

简单的Jquery验证,利用其验证框架(暂时没有ajax)
1.下载文件 Validform_v5.1_min.js jquery-1.6.2.min.js

2.导入js:<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<script type="text/javascript" src="${path}/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="${path}/js/Validform_v5.1_min.js"></script>

<script type="text/javascript">
$(function(){
$(".addBusinessAppointment").Validform();  //就这一行代码!;

//$(".addNewBusinessTalks").Validform({tiptype:2});
})

3:导入css:<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<link rel="stylesheet" href="${path}/css/style.css" type="text/css" media="all" />

4:填写控件属性
<form class="addBusinessAppointment" action="addBusinessAppointment.do" id="newGroupForm" method="post">
<table>
<tr>
<td>胸卡号:</td>
<td><input name="cardNumber" class="inputxt" datatype="s1-18" nullmsg="请输入胸卡号!" ></td>