我有一个触发显示模式的链接:
<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">×</a>
</div>
如果提交的表单有错误,则表单字段旁边会显示错误消息,但会显示Reveal模式。用户最有可能认为一切都很酷,但实际上什么都没发生。
答案 0 :(得分:0)
我使用这个jQuery在表单中查找错误类并再次触发模式(显示错误):
var $findError = $('div.form').find ('div');
if ( $findError.hasClass('form_error')){
$('#myModal').foundation('reveal', 'open');
}