Question

单击提交按钮时，多选项卡验证无效。我有大约12个标签。如果我在任何标签中点击提交按钮，它只是提交。其他选项卡未经过验证。

 $("#btn-login").click(function () {
        var IsValid = true;

        // Validate Each Bootstrap tab
        $(".tab-content").find("div.tab-pane").each(function (index, tab) {
            var id = $(tab).attr("id");
            alert(id);
            //$('a[href="#' + id + '"]').click(function (e) {
            //    e.preventDefault();
            //    $(this).tab('show');
            //});
            $('a[href="#' + id + '"]').tab('show');
            //$('.nav-tabs a[href="#' + id + '"]').tab('show');
            //alert($('a[href="#' + id + '"]').attr("href") + " 2345");
            alert("succ11");
            var IsTabValid = $("#" + id).validate();
           
            alert("succ12");
            if (IsTabValid.valid()) {
                alert(id + " success");
                IsValid = false;
            }
        });

    });

 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style=" padding-left:0px; padding-right:0px;">
                    <div class="tabs-left" style="padding-top: 0px; margin-top: 0px;">
                        <ul class="nav nav-tabs" id="tabs">
                            <li id="hm" class="active"><a href="#status" data-toggle="tab" data-target="#status"><span class="icon-time" style="color: white; font-size: 15px"></span></a></li>
                            <li id="edu"><a href="#passport" data-toggle="tab" data-target="#passport"><span class="icon-globe" style="color: white; font-size: 15px"></span></a></li>
                            <li id="pro"><a href="#movement" data-toggle="tab" data-target="#movement"><span class="icon-move" style="color: white; font-size: 15px"></span></a></li>
...
...
...
...
</div>
</div>


 <div class="modal-footer" style="padding-bottom: 0px; margin-top:10px;">
                                        <input type="submit" id="btn-login" class="btn btn-success" value="Submit" />
                               
                                        <button type="button" class="btn btn-danger modal-close-btn" data-dismiss="modal">Cancel</button>
                                       </div>

Answer 1

如果您使用的是jquery.validation，那么您可能会遇到这样的事实：默认情况下，它只验证可见控件。

您之前可以使用

之类的内容进行更改

$(document).ready(function(){
   $("form").validate().settings.ignore = "";
}

Answer 2

默认情况下，jquery验证不适用于隐藏字段（如隐藏选项卡）。要启用此功能，请将此代码添加到就绪方法

中

domain = sys.argv[1];
print domain;
test = []

test.append("aa")    
mainURL = "http://google.com/?q=";

finalurl = mainURL + test[0]


req = requests.get(finalurl)

Answer 3

var dataForm = $('#form');
dataForm.mage('validation', {"ignore": ""});

多个选项卡验证无效

3 个答案: