javascript - 表单外的语义 UI 提交表单按钮

Question

我在通过表单外的按钮提交表单时遇到问题。我需要使用此按钮提交此表单:

<div class="ui submit green labeled icon button"> <i class="checkmark icon"></i> Create </div>

但是按钮在外面<div id="addAcredicationForm" class="ui large form">并且不验证表格。按钮必须是 <div class="actions">. 中的外部形式模态对话框的适当页脚。

<div id="addModal" class="ui small modal">
    <i class="close icon"></i>
    <div class="header">
        <div class="column">
            <h3 class="ui header">
                <i class="bordered inverted blue plus icon"></i>
                <div class="content">
                    XYZ
                </div>
            </h3>
        </div>
    </div>
    <div class="content">
        <div id="addAcredicationForm" class="ui large form">
            <div class="ui blue segment">
                <div class="field">
                    <label>Název akreditace</label>
                    <input type="text" maxlength="40" id="name" name="name" placeholder="aaaa">
                </div>
                <div class="field">
                    <label>Poznámka</label>
                    <textarea rows="5" maxlength="250" id="note" name="note" placeholder="bbbb"></textarea>
                </div>
            </div>
            <div class="ui error message"></div>
        </div>
    </div>
    <div class="actions">
        <div class="ui submit green labeled icon button">
            <i class="checkmark icon"></i>
            Create
        </div>
        <div class="ui cancel red labeled icon button">
            <i class="remove icon"></i>
            Cancel
        </div>
    </div>
</div>

这里是例子:jsfiddle.net/q2hLrm13/1

Answer 1

在 HTML5 中这是可能的，您可以将提交按钮放在表单之外

<form id="submit-form">
...
</form>

<button type="submit" form="submit-form">Submit</button>