Question

我正在使用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>

由于

Answer 1

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

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

<a href="javascript:rest()" role="button" class="btn" id="registerBtn" data-toggle="modal">Register</a>

Answer 2

您可以通过在javascript中控制Modal的显示方式。删除data-toggle =“modal”属性，然后将按钮挂钩到最终会执行的操作：

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

您可能需要事先初始化它，具体取决于您的引导程序版本。那看起来像是：

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

对于moar的信息：

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

单击锚标记时如何验证表单中的数据

2 个答案: