Javascript 引导模式提交不';不要传递变量

Javascript 引导模式提交不';不要传递变量,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我有一个简单的模式登录表单。当表单关闭时,我想在一个单独的div中显示电子邮件。 问题是div中的文本没有改变。我调试了代码,它看起来像是当我逐步完成文本更改时,但当它退出submit函数时,它又被更改了回来。我做错了什么?tnx! 代码如下: <div class="container"> <button class="btn btn-success" data-toggle="modal" data-target="#myModal" id="testButton

我有一个简单的模式登录表单。当表单关闭时,我想在一个单独的div中显示电子邮件。 问题是div中的文本没有改变。我调试了代码,它看起来像是当我逐步完成文本更改时,但当它退出submit函数时,它又被更改了回来。我做错了什么?tnx! 代码如下:

 <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>

开放模态
电子邮件到此结束
x
请键入一些文字
请登录
电子邮件地址
密码
记得我吗
登录
$(“#签名”).submit(功能(事件){
$(“#emailTarget”).html($(“#inputEmail”).val());
});

如果您不想发布,只需返回false:

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

您可以包含html代码吗?提交表单时,页面将重新加载,javascript中的任何值都将丢失。您可以使用服务器端脚本使用来自POST info的电子邮件重新填充页面。也许您应该尝试event.preventDefault?