在表单错误上保持显示模式打开

时间:2013-10-11 14:16:23

标签: jquery forms modal-dialog zurb-foundation

我有一个触发显示模式的链接:

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

The Reveal:

<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>

如果提交的表单有错误,则表单字段旁边会显示错误消息,但会显示Reveal模式。用户最有可能认为一切都很酷,但实际上什么都没发生。

1 个答案:

答案 0 :(得分:0)

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

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