Javascript 引导模式提交不';不要传递变量
我有一个简单的模式登录表单。当表单关闭时,我想在一个单独的div中显示电子邮件。 问题是div中的文本没有改变。我调试了代码,它看起来像是当我逐步完成文本更改时,但当它退出submit函数时,它又被更改了回来。我做错了什么?tnx! 代码如下: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 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?