странная ошибка в bootstrapValidator в jsp с Bootstrap

Question

Я использую 'bootstrapvalidator' для проверки моей формы (регистрации и регистрации модалов бутстрапа). Когда когда-либо я помещаю правильные данные в любой из модалов, скажите Войдите в систему, затем нажмите кнопку входа (, введите форму для входа), так как данные неверны. Но когда я очищаю цифру от поля пароля и снова вводите ее и попробуйте представить форму, которая она представляет.

Я не знаю, почему это происходит и что вызывает ошибку.

Я использую cdns от https://cdnjs.com всего cdn всего в 8 ссылках cdn.

Мой код формы (модальный Войти)

<div id="login" class="modal fade " role="dialog"> 
<div class="modal-dialog login-modal"> 
    <div class="modal-content"> 
     <form action="logindone.jsp" method="post" class="form-horizontal" role="form"> 
      <div class="modal-header"> 
       <a class="close cross" data-dismiss="modal">x</a> 
       <h3>Login</h3> 
      </div> 
      <div class="modal-body"> 
       <div class="form-group"> 
        <label for="email-name" class="col-md-2 control-label glyphicon glyphicon-user"></label> 
        <div class="col-md-10"> 
         <input type="email" class="form-control" id="email-name" name="email"> 
        </div> 
       </div> 
       <div class="form-group"> 
        <label for="email-pass" class="col-md-2 control-label glyphicon glyphicon-lock"></label> 
        <div class="col-md-10"> 
         <input type="password" class="form-control" id="email-pass" name="password"> 
        </div> 
       </div> 
      </div> 
      <div class="modal-footer modal-footer-hidden-border"> 
       <a href="#" class="btn btn-link" data-dismiss="modal">Forgot password ?</a> 
       <button type="submit" value="submit" class="btn btn-danger btn-circle-lg glyphicon">Log in</button> 
      </div> 
     </form> 
     </div> 
    </div> 
</div> 

мой самозагрузки валидатор код

<script> 
$(document).ready(function() { 
    var validator = $('#login').bootstrapValidator({ 
    fields: { 
     email: { 
     message: "Email is required", 
     validators: { 
      notEmpty: { 
      message: "Please provide an email address" 
      }, 
      stringLength: { 
      min: 6, 
      max: 35, 
      message: "Email must be between 6 and 35 characters long" 
      }, 

      emailAddress: { 
      message: "Email address must be valid" 
      }, 
      regexp: { 
      regexp: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/, 
      message: 'Not a valid email address' 
      } 

     } 
     }, //.email 
     password: { 
     validators: { 
      notEmpty: { 
      message: "Password is required" 
      }, 
      stringLength: { 
      min: 8, 
      message: "Password must be 8 characters long" 
      }, 
      different: { 
      field: "email", 
      message: "Email and Password must be different" 
      } 
     } 
     } 
    } 
    }); 
}); 
</script> 

Answer 1

Там нет ничего особенного не так с кодом, только проблема здесь $('#login') вы ориентируетесь модальный идентификатор,

var validator = $('#login').bootstrapValidator({ //validation code }); 

вы должны быть ориентированы на form selector Read How to call the plugin

так назначьте идентификатор для formid="loginForm" например разные, то модальный идентификатор.

<form action="logindone.jsp" id="loginForm" method="post" class="form-horizontal" role="form"> 

и bootstrapValidator код будет

var validator = $('#loginForm').bootstrapValidator({ //validation code }); 

Rest все хорошо

Рабочая Fiddle Пример