Bootstrap模式提交不通過變量

我有一個簡單的模態登錄表單。當表單關閉時，我想在單獨的div中顯示電子郵件。問題是div中的文本沒有改變。我調試了代碼，它看起來像當我逐步瀏覽文本更改時，但是當它退出提交功能時，它會變回原處。我究竟做錯了什麼？ TNX！下面的代碼：Bootstrap模式提交不通過變量

<div class="container"> 
    <button class="btn btn-success" data-toggle="modal" data-target="#myModal" id="testButton">Open modal</button> 
    <div id="emailTarget">Email ends up here</div> 

    <div class="modal" id="myModal"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button class="close" data-dismiss="modal">x</button> 
        <h4 class="modal-title">Please type some text</h4> 
       </div> 

       <div class="modal-body"> 
        <form class="form-signin" id="signIn"> 
         <h2 class="form-signin-heading">Please sign in</h2> 
         <label for="inputEmail" class="sr-only">Email address</label> 
         <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus> 
         <label for="inputPassword" class="sr-only">Password</label> 
         <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> 
         <div class="checkbox"> 
          <label> 
          <input type="checkbox" value="remember-me"> Remember me 
          </label> 
         </div> 
         <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> 
        </form> 
       </div> 
      </div> 
     </div> 
    </div> 

</div> 
<script> 
    $("#signIn").submit(function(event) { 
     $("#emailTarget").html($("#inputEmail").val()); 
    }); 
</script>

來源

2015-12-27 kozureookami

你可以包括你的HTML代碼？ – Cyval

當您提交表單時，頁面將重新加載，並且javascript中的任何值都將丟失。您可以使用服務器端腳本通過POST信息中的電子郵件重新填充頁面。 – worldofjr

也許你應該嘗試event.preventDefault？ – Cyval

如果你不想帖子，只需返回false：

$('#myModal').modal('hide'); 
    return false;

Check example

來源

2015-12-28 01:41:43 Artem

tnx阿爾喬姆，工作！ – kozureookami

Bootstrap模式提交不通過變量

回答

相關問題