1

我正在使用 Twitter 的 Bootstrap。用户在我的表单中输入数据后，他们单击一个按钮进行注册。这会加载一个模式，其中包含他们输入的数据的摘要供他们确认。我想在他们点击注册后验证数据，但在模式加载之前。我怎么做？

这是我的表单元素之一

<div class="control-group">
<label class="control-label" for="inputEmail">Email</label>
<div class="controls">
  <input id="inputEmail" class = "span11" type="text" placeholder="Email" name = "inputEmail" maxlength="32">
</div>

这会加载模态

<div class="control-group">
<div class="controls">
  <a href="#myModal" role="button" class="btn" id="registerBtn" data-toggle="modal">Register</a>
</div>

谢谢

4

2 回答 2

1

试试这个，调用验证你的数据的函数。我提到了如何调用函数 rest 你知道如何进行验证...

<script type="text/javascript">
function rest(){
alert('asdf');
}
</script>

<a href="javascript:rest()" role="button" class="btn" id="registerBtn" data-toggle="modal">Register</a>
于 2013-04-30T03:38:52.127 回答
0

您可以通过在 javascript 中控制 Modal 的显示方式。删除 data-toggle="modal" 属性，而是将您的按钮挂钩到最终将执行的功能：

$('#myModal').modal('show');

根据您的引导程序版本，您可能必须事先初始化它。那看起来像：

$('#myModal').modal();

摩尔信息：

http://twitter.github.io/bootstrap/javascript.html#modals

于 2013-04-30T03:49:56.980 回答