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>

рони 23.09.2016 21:37

Цитата:

Сообщение от Sokoljr
добавил кнопке type="submit"

наверно вы хотели сказать
Цитата:

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

:dance:

рони 23.09.2016 21:39

Цитата:

Сообщение от Sokoljr
странно

это не странно, это азы по html

рони 23.09.2016 21:45

Sokoljr,
https://developer.mozilla.org/en-US/...Element/button

Цитата:

typeThe type of the button. Possible values are: •submit: The button submits the form data to the server. This is the default if the attribute is not specified, or if the attribute is dynamically changed to an empty or invalid value.


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