javascript - 自举模态验证

我有一个登录模式，该模式允许用户（通过href）激活另一个模式adduser。验证对登录模式有效，但对adduser模式无效。

这就是我所说的模态，

 <a data-toggle="modal" href="" data-target="#login">Login</a>

<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="login" aria-hidden="true">

   

<div class="modal fade" id="adduser" tabindex="-1" role="dialog" aria-labelledby="adduer" aria-hidden="true">

   

function AddUser()
{
    $('#login').modal('hide');
    $('#adduser').modal('show');
}

function BackToLogin()
{
    $('#adduser').modal('hide');
    $('#login').modal('show');
}

登录验证码

$(document).ready(function() {
    $('#login-form').validate({
        rules: {
            email: {
                required: true,
                email: true
            },
            agree: "required"
        },
        highlight: function(element) {
            $(element).closest('.control-group').removeClass('success').‌addClass('error');
        },
        success: function(element) {
            element.text('OK!').addClass('valid').closest('.control-group').removeClass('error').addClass('su‌​ccess');
        }
    });
});

adduser的验证码

$(document).ready(function() {
    $('#adduser-form').validate({
        rules: {
            email: {
                required: true,
                email: true
            },
            agree: "required"
        },
        highlight: function(element) {
            $(element).closest('.control-group').removeClass('success').‌addClass('error');
        },
        success: function(element) {
            element.text('OK!').addClass('valid').closest('.control-group').removeClass('error').addClass('su‌​ccess');
        }
    });
});

最佳答案

您在adduser行上有错字。
你有：
<div class="modal fade" id="adduser" tabindex="-1" role="dialog" aria-labelledby="adduer" aria-hidden="true">

可能应该是：
<div class="modal fade" id="adduser" tabindex="-1" role="dialog" aria-labelledby="adduser" aria-hidden="true">

关于javascript - 自举模态验证，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41966877/