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

【问题标题】：How do I validate data in a form when an anchor tag is clicked单击锚标记时如何验证表单中的数据
【发布时间】：2013-04-30 03:27:19
【问题描述】：

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

谢谢

【问题讨论】：

可以在href的onclick事件中调用jqury函数
可能会有帮助.. stackoverflow.com/search?q=jquery+form+validation+before+submit
对，但是如果 ValidData() 函数返回 false，如何防止模式加载？你能给出一个简短的代码示例吗？我对此很陌生。谢谢。
我认为如果 onclick 处理程序返回 false，那将停止 jQuery Modal。试试这个可以确定。如果它仍然弹出，我错了。注册

标签： php javascript jquery html twitter-bootstrap

【解决方案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>

【讨论】：

【解决方案2】：

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

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

您可能需要预先初始化它，这取决于您的引导程序版本。看起来像：

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

摩尔信息：

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

【讨论】：