我正在尝试设置一个用于创建用户的表单。架构的电子邮件部分设置为数组:
...
"emails.$.address": {
type: String,
blackbox: true
},
"emails.$.verified": {
type: Boolean,
optional: true,
blackbox: true
},
...
我使用自动表单在模板中创建表单:
{{#autoForm id="addUser" type="method" meteormethod="createUserwRole" collection="Users" schema=schema resetOnSuccess="true" }}
<fieldset>
{{> afQuickField name="fName" id="fName"}}
{{> afQuickField name="lName" id="lName"}}
{{> afQuickField name="username" id="username"}}
{{> afQuickField name="emails" id="emails"}}
{{> afFormGroup name="roles" options=options firstoption="Select Role" type="select-multiple" id="roles"}}
<div>
<button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#addUser">Submit</button>
<button type="reset" class="btn btn-default">Reset</button>
</div>
</fieldset>
{{/autoForm}}
然后在提交时我想抓住数据:
Template.addUser.events({
'submit #addUser': function(e, t) {
console.log("hit");
console.log(t);
e.preventDefault();
var email = t.find("#emails.0.address").value;
var username = t.find("#username").value;
console.log(email);
Meteor.call("createUserwRole", ({"email":email, "username":username}));
}
});
但是尝试查找emails.0.address会返回错误:
TypeError: null is not an object (evaluating 't.find("#emails.0.address").value')
答案 0 :(得分:2)
有太多事情做错了。请仔细阅读simple-schema和autoform README文件。它是一个非常强大的软件包,确实使很多事情变得更容易。
您的架构。
仅当字段类型为blackbox: true
时才使用Object
。
你的Autoform。
您已指定collection="Users"
schema=schema
,请仅指定一个。
您的表单处理。
使用AutoForm.hooks
代替自定义事件侦听器。
AutoForm.hooks({ 添加用户: { onSubmit:function(doc){ console.log(doc.emais [0] .address); console.log(doc.username); 返回true; } } });