语义模式表单按钮答案

【问题标题】：Semantic Modal Form Button语义模式表单按钮
【发布时间】：2015-06-22 04:01:14
【问题描述】：

我正在尝试在模式中创建一个表单。我的大部分工作都在工作，除了当我单击“提交”按钮时，即使未填写必填字段，它也会关闭模式。它们是保持模式打开的一种方法吗？

添加代码：

模态：

<div class="ui standard billboard modal" style="margin-top: -197.5px; display: block !important;">
    <div class="header">Add Billboard Slide</div>
        <div class="content">
            <div class="ui fluid form billboard">
                <div class="required field">
                    <label>Type</label>
                    <input placeholder="" type="text">
                </div>
                <div class="required field">
                    <label>Image</label>
                    <input name="image" placeholder="" type="text">
                </div>
                <div class="field">
                    <label>URL</label>
                    <input name="url" placeholder="URL" type="text">
                </div>
                <div class="required field">
                    <label>Enable/Disable</label>
                    <input placeholder="" type="text">
                </div>
                <div class="actions">
                    <div class="ui red deny clear button">
                        Cancel
                    </div>
                    <div class="ui positive submit button">
                        Add
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

模态秀：

$('.billboard.modal')
    .modal('attach events', '.billboard.button', 'show')
    .modal('setting', 'closable', false)
;

【问题讨论】：

我找到了 onApprove($element)，如果它返回 false，它会保持打开状态，但是如何将其绑定到我的表单中？

标签： semantic-ui

【解决方案1】：

我几天前回答了这个问题：https://stackoverflow.com/a/30895385/2053038

基本思想是在模态框的onApprove 方法上返回false 以防止其关闭。然后，您可以在表单准备好时调用 hide 函数。

【讨论】：