使用 meteor-autoform 预览数据答案

【问题标题】：Previewing data with meteor-autoform使用 meteor-autoform 预览数据
【发布时间】：2015-02-28 21:09:17
【问题描述】：

我有一个带有表单和预览的选项卡式页面布局。有什么方法可以通过按下“预览”按钮来验证表单，并在它有效后切换到第二个选项卡？ IE。在按下“提交”按钮之前，我们不会创建任何内容。

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

【问题讨论】：

标签： javascript validation meteor meteor-autoform

【解决方案1】：

您可以使用AutoForm.validateForm('yourFormIdGoesHere') 触发自动表单的验证，并使用Autoform.getFormValues(yourFormIdGoesHere) 提取值，或者可以简单地序列化表单。

然后您将这些值用作预览模板的数据上下文：{{>previewTemplate formData}} 您需要为此创建一个模板助手。

【讨论】：