jqueryvalidate单独校验某⼀字段
前提:下载插件<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());
jquery怎么进行验证
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;
}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。