1

フォームとプレビューを含むタブ付きページ レイアウトがあります。「プレビュー」ボタンを押してフォームを検証し、有効になったら 2 番目のタブに切り替える方法はありますか? つまり、「送信」ボタンが押されるまで何も作成されません。

<div class="tab-content">
    <div class="tab-pane text-left fade in active" id="compose">
        {{#autoForm collection="Jobs" id="insertJobForm" type="insert"}}
            {{> afQuickField name="title" class="form-control input-lg"}}
            [more fields]
            <div class="form-group">
                <button type="submit">Preview</button>
            </div>
        {{/autoForm}}
    </div>
    <div class="tab-pane text-left" id="preview">
        <h2>{{currentFieldValue "title"}}</h2>
        [more output]
        <button type="submit">Submit</button>
    </div>
</div>
4

1 に答える 1

1

でオートフォームの検証をトリガーしAutoForm.validateForm('yourFormIdGoesHere')て値を抽出するAutoform.getFormValues(yourFormIdGoesHere)か、フォームを単純にシリアル化できます。

次に、プレビュー テンプレートへのデータ コンテキストとして値を使用します{{>previewTemplate formData}} 。このためのテンプレート ヘルパーを作成する必要があります。

于 2015-01-02T16:40:23.127 に答える