1.直接写javascript代码
//验证上传图片 添加自己的验证
$.validator.addMethod("checkDefaultPicUrl", function(value, element) {
var isAutoGain=$("#autoGain").attr("checked");
if(!isAutoGain)
{
return value.length>0;
}
else
{
return true;
}
}, "请上传图片!");
//验证更新时间 添加自己的验证
$.validator.addMethod("checkUpdateTime", function(value, element) {
var isDefaultDate=$("input[name='parameters.isDefaultDate']:checked").val();
if(isDefaultDate=="false")
{
return value.length>0;
}
else
{
return true
}
}, "更新时间不能为空!");
//添加验证
$("#myform").validate({
/* 设置验证规则 */
rules: {
"articleModel.source": "required",
"articleModel.title": "required",
"articleModel.categoryID": "required",
"articleContent.content": "required",
"articleModel.hits": {
required:true,
min:0,
digits:true
},
"articleModel.eliteLevel":{
required:true,
min:0,
digits:true
},
"articleModel.priority": {
required:true,
min:0,
digits:true
},
"articleModel.defaultPicUrl": {
checkDefaultPicUrl:true
},
"updateTime_Picker":{
checkUpdateTime:true
}
},
/* 设置错误信息 */
messages:
{
"articleModel.categoryID":"类别不能为空!",
"articleModel.title":"标题不能为空!",
"articleModel.source": "来源不能为空!",
"articleContent.content":"内容不能为空",
"articleModel.hits":{
required:"点击次数不能为空!",
min:"点击数必须大于0!",
digits:"点击数必须是整数!"
},
"articleModel.eliteLevel":{
required:"推荐级不能为空!",
min:"推荐级必须大于0!",
digits:"推荐级必须是整数!"
},
"articleModel.priority":{
required:"优先级不能为空!",
min:"优先级必须大于0!",
digits:"优先级必须是整数!"
}
}
});
2.在class中使用
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/WEB-INF/include/style.jsp"></jsp:include>
<script language="javascript" type="text/javascript" src="${base}/js/jquery/jquery.validate.js"></script>
<script language="javascript" type="text/javascript" src="${base}/js/jquery/jquery.metadata.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#channelFrom").validate({
errorPlacement: function(error, element)
{
error.appendTo( element.parent("td").next("td") );
}
});
});
</script>
<title>添加频道</title>
</head>
<body>
<form id="channelFrom" action="${base}/channel/doAdd.do" method="post">
<!-- 父节点ID -->
<input type="hidden" name="parentID" id="parentID" value="${obj.channelID}">
<!-- 所有父节点的ID数组 -->
<input type="hidden" name="nodePath" id="nodePath" value="${obj.nodePath}">
<h3>添加频道</h3>
<table>
<tr>
<td>
名称:
</td>
<td>
<input type="text" name="channelName" id="channelName" class="{required:true,messages:{required:'名称不能为空!'}}">
</td>
<td align="left" >
</td>
</tr>
<tr>
<td>
类别目录:
</td>
<td>
<input type="text" name="channelDir" id="channelDir" class="{required:true,messages:{required:'类别目录不能为空!'}}">
</td>
<td align="left" >
</td>
</tr>
<tr>
<td>
内部平台专区ID:
</td>
<td>
<input type="text" name="platformZoneID" id="platformZoneID" class="{required:true,min:0,digits:true,messages:{required:'内部平台专区ID不能为空!',min:'内部平台专区ID必须大于0!',digits:'内部平台专区ID必须是整数!'}}">
</td>
<td align="left" >
</td>
</tr>
<tr>
<td>
排序ID:
</td>
<td>
<input type="text" name="orderID" id="orderID" class="{required:true,min:0,digits:true,messages:{required:'排序ID不能为空!',min:'排序ID必须大于0!',digits:'排序ID必须是整数!'}}">
</td>
<td align="left" >
</td>
</tr>
<tr>
<td>
频道权限:
</td>
<td>
<input type="radio" name="channelPurview" value="0" checked="checked">开放栏目
<input type="radio" name="channelPurview" value="1">半认证栏目
<input type="radio" name="channelPurview" value="2">认证栏目
</td>
<td align="left" >
</td>
</tr>
<tr>
<td>
关键字:
</td>
<td>
<input type="text" name="metaKeywords" id="metaKeywords">
</td>
<td align="left" >
</td>
</tr>
<tr>
<td>
描述:
</td>
<td>
<input type="text" name="metaDescription" id="metaDescription">
</td>
<td align="left" >
</td>
</tr>
<tr>
<td>
</td>
<td rowspan="2">
<input type="submit" value="提交">
<input type="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>