Question

关于非活动标签的表单验证（客户端）有很多问题和答案，但是我无法自己做到这一点。我在同一表单上有三个选项卡并使用MVC数据注释，我可以验证最后一个选项卡（活动），但它不验证其他2个选项卡。这是我的jquery代码

var SaveUser = function () {                        
        $("#SaveUserForm").validate({
            ignore: ""
            });
        if (!$("#SaveUserForm").valid()) {
            return false;
        } else {
            var formdata = new FormData($('#SaveUserForm')[0]);
            $.ajax({
                type: "POST",
                url: "@Url.Action("SaveUser", "UserMenu")",
                data: formdata,
                processData: false,
                contentType: false,
                success: function(d) {
                    if (d.Result === 'true') {
                        alert('success');
                    } else {
                        alert('not success');
                    }
                },
                error: function() {
                }
            });
        }
        return true;
    }

是否有任何流程可以验证非活动标签？
如何使错误选项卡能够集中注意力？

提前致谢....

更新标签的Html代码：

<ul class="nav nav-tabs">
            <li class="active"><a href="#activity" data-toggle="tab">Basic Information</a></li>
            <li><a href="#timeline" data-toggle="tab">Login Information</a></li>
            <li><a href="#settings" data-toggle="tab">Login Time</a></li>
</ul>

和标签内容：

<div class="tab-content">
       <div class="tab-pane active" id="activity">
        //Some input fields
       </div>
       <div class="tab-pane" id="timeline">
        //other input fields
       </div>
       <div class="tab-pane" id="settings">
        //Input fields with
      <a href="#" class="btn btn-primary btn-flat" onclick="SaveUser()"><i class="fa fa-floppy-o"></i>&nbsp;&nbsp;Save</a>
       </div>
 </div>

表单验证不适用于非活动选项卡[MVC]

0 个答案: