jquery validate单独校验某一字段

前提:下载插件<script src="/jflow/resource/js/bootstrap/plugins/validate/jquery.validate.min.js"></script>

1、html代码:

<ul id="f_tabsFour" class="nav nav-tabs hide_query">
       <li class="active"><a id="queryInfo" href="#tab-5-1"><i class="fa fa-user"></i>查询信息</a></li>
       <li><a href="#tab-5-2" data-toggle="tab"><i class="fa fa-briefcase"></i>SQL脚本</a></li>
</ul>

2、在<script>中编写校验规则

//查询定义校验
        function validQueryForm(){
            var e = "<i class='fa fa-times-circle'></i>";
            return $("#form_query").validate({
                rules: {
                    queryNo: {
                        required: !0
                    },
                    showEachPage: {
                        required: !0,
                        digits: true
                    }
                },
                 messages : {
                     queryNo : {
                         required : e + "查询编号不能为空"
                     },
                     showEachPage:{
                         required : e + "每页显示不能为空",
                         digits: e + "必须是整数",
                     }
                 }
            });
        };
        $(validQueryForm());

3、点击事件中的代码:#tab-5-1是<a>标签的href

var _one = $("#form_query").validate().element($("#showEachPage"));//校验每页显示,showEachPage是字段
            var _two = $("#form_query").validate().element($("#queryNo"));//校验查询编号
            if(!_one || !_two){
                $("#f_tabsFour li:first").addClass("active").siblings().removeClass("active");//li标签切换
                $("#tab-5-1").addClass("active").siblings().removeClass("active");//标签下的内容切换
                return false;
            }

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值