jquery.validate 验证

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>

你可能感兴趣的:(jquery,validate,验证)