当前位置: 首页 > 工具软件 > jQuery jFlow > 使用案例 >

jquery validate单独校验某一字段

蒋胡非
2023-12-01

前提:下载插件<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;
            }

 类似资料: