Bootstrap Modal Validierung

Question

Ich habe eine Login-Modalität, die Benutzer (durch href) einen anderen modalen Adduser aktivieren lässt. Die Validierung funktioniert gut für login modal, nicht für adduser modal.

Hier ist, wie ich die Modalverben nenne,

<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'); 
} 

Validierungscode für die Anmeldung

$(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'); 
     } 
    }); 
}); 

Validierungscode für 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'); 
     } 
    }); 
}); 

Answer 1

Sie haben einen Tippfehler auf adduser Linie. Sie haben: <div class="modal fade" id="adduser" tabindex="-1" role="dialog" aria-labelledby="adduer" aria-hidden="true">

die wahrscheinlich sein sollte: <div class="modal fade" id="adduser" tabindex="-1" role="dialog" aria-labelledby="adduser" aria-hidden="true">