jquery - 在表单错误时保持显示模式打开

Question

我有一个触发 Reveal 模式的链接：

<a data-reveal-id="myModal" href="#">Open</a>

揭示：

<div id="myModal" class="reveal-modal">
<h2>Join us in the celebration!</h2>
<p><em>Required fields are marked with a: <strong>*</strong></em></p>
{form}
<a class="close-reveal-modal">&#215;</a>
</div>

如果表单提交时出现错误，则错误消息会显示在表单字段旁边，但显示模式会关闭。用户很可能认为一切都很酷，但实际上什么也没发生。

Answer 1

我使用这个 jQuery 在表单中查找错误类并再次触发模式（显示错误）：

var $findError = $('div.form').find ('div');
    if ( $findError.hasClass('form_error')){
    $('#myModal').foundation('reveal', 'open');
}