简单的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>