Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   проблемы с modal bootstrap (https://javascript.ru/forum/jquery/65073-problemy-s-modal-bootstrap.html)

Sokoljr 23.09.2016 20:28

проблемы с modal bootstrap
 
значит такая проблема, есть 2 инпута, если их обоих заполнить и нажать на кнопку вызывающую модальное окно - то страница просто перезагрузится, никто не знает решения данной проблемы?

вот кнопка

<button id="signUpBtn" class="btn btn-info registration" data-toggle="modal" data-target="#modalReg"><i class="fa fa-plus fa-fw"></i>Sign Up</button>


вот эти 2 инпута

<form class="form">
  <div class="form-group">
     <input type="text" class="form-control" id="logName" placeholder="Name" required/>
   </div>
   <div class="form-group">
     <input type="password" class="form-control" id="logPass" placeholder="Password" required/>
   </div>
</form>


вот модалка

<div class="registration">
      <div class="modal fade" id="modalReg" tabindex="-1" role="dialog" aria-labelledby="modalRegLabel">
          <div class="modal-dialog container" role="document">
              <div class="modal-content">
                  <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                      <h3 class="modal-title" id="modalRegLabel">Please, enter your credentials</h3>
                  </div>
                  <div class="modal-body">
                      <form action="#" method="post" id="newregistration" role="form">
                      	<div class="row delegation">
                          <div class="form-group col-lg-4">
                                  <input name="user" type="text" id="newName" class="form-control" placeholder="login" value="" required/>
                              </div>
                              <div class="form-group col-lg-4">
                                  <input name="pwdLogin" type="password" id="newPass" class="form-control" value="" placeholder="Password" required/>
                              </div>
                          </div>
                          <div class="row delegation">
                              <div class="form-group col-lg-4">
                                  <input name="Submit" type="button" id="regBtn" class="btn btn-info form-control" value="Sign Up"/>
                              </div>
                          </div>
                          <p class="validRegistration hidden">Login already taken</p>
                      </form>
                  </div>
                  <div class="modal-footer">
                 	<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
               	</div>
               </div>
           </div>
       </div>
</div>


вот скрипт

$('#modalReg').on('shown.bs.modal', function () {});

рони 23.09.2016 21:02

Sokoljr,
или ваша кнопка type="submit" или нет $

Sokoljr 23.09.2016 21:04

рони,
а что если type="submit"?

Sokoljr 23.09.2016 21:06

рони,
type="submit" не стоит и $ присутствует

может что то с инпутами?

рони 23.09.2016 21:09

Цитата:

Сообщение от Sokoljr
type="submit" не стоит

стоит!!! посмотрите на строку 28 вот там не стоит.

Sokoljr 23.09.2016 21:12

рони,
я думал что именно на кнопке которая модалку вызывает, ну я убрал сразу, все равно, удалял инпуты, и все равно кнопка которая вызывает модальное окно перезагружает страницу

рони 23.09.2016 21:19

Sokoljr,
не понял, вы исправили ошибку или нет?

Sokoljr 23.09.2016 21:19

рони,
нет, не исправил

рони 23.09.2016 21:25

Sokoljr,
то есть вы убрали type="submit" ? если да покажите код

Sokoljr 23.09.2016 21:31

рони,
странно, добавил кнопке type="submit" и заработала модалка нормально

<button type="button" id="signUpBtn" class="btn btn-info registration" data-toggle="modal" data-target="#modalReg"><i class="fa fa-plus fa-fw"></i>Sign Up</button>


Часовой пояс GMT +3, время: 12:41.