0

У меня есть модем для входа в систему, который позволяет пользователю (по href) активировать другой модальный adduser. Валидация работает отлично для модальности входа, но не для adduser modal.Bootstrap modal validation

Вот как я называю модальности,

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

ответ

1

У вас есть опечатка на вашей 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">

+0

Извините, но проблема не решена. Я уверен, что мне нужно отключить первый активный модальный (память?), Прежде чем использовать другой, но я не знаю, как это сделать. Что-то вроде $ («# login»). Validate(). ResetForm(); или удалить – cyrus

+0

Я не совсем уверен, что я понимаю, каков ваш вопрос. После того, как пользователь войдет в систему, div adduser покажет, и вы хотите, чтобы добавление пользователя, подтвержденное сервером? Это то, к чему приводит меня ваш первоначальный пост. У вас есть вход в систему с одной формой, эта форма затем скрыта и появляется новая форма, в которую вы добавляете пользователя? – Erasyn

+0

Привет , извините за мой плохой английский. Моя идея заключается в том, что пользователь может запустить модальный адъюмер с помощью логина. Если пользователь отправляет пустой, проверка вернет сообщения, специфичные для каждого поля. В настоящее время, если я запустил логин, и я пытаюсь отправьте пустую форму, я получаю ошибку проверки. Но если я запустил adduser через login, проверка не сделает ничего. – cyrus

Смежные вопросы