获取不同模板

时间:2016-02-16 22:33:31

标签: meteor

以下代码尝试在单击template.footer中的按钮时,从template.login和createUser上的输入元素中获取用户名和密码。
作为javascript和Meteor的新手,我的下面的代码可能会宰了两个。

我想从页脚点击事件进行方法调用,此调用获取用户名和密码并触发Meteor帐户创建并将返回的userId存储在本地会话中以供稍后使用。 blah..blah ..
但是,如何才能从一个模板中访问另一个模板中的输入值? 所以我需要你的帮助。感谢

Template.footer.events({
  'click .myClass': function (event, template) {
    Meteor.call('loginUser', username,password);
  }
});

Meteor.methods({
  //store the useId returned from createUser in a local session userId
  loginUser: function (username, password) {
    Accounts.createUser(username, password, function () {
      Session.set(userId, this.value);
    });
  }
});
<template name="footer">
  <footer>
    <nav class="navbar navbar-default navbar-fixed-bottom">
      <div class="container">
        <div class="row">
          {{#each footerButtons}}
            <h2>
              <button class="col-xs-{{footerButtonsScaling}} myClass" type="button">{{text.toUpperCase}}</button>
            </h2>
          {{/each}}
        </div>
      </div>
    </nav>
  </footer>
</template>

<template name="login">
  <form action="">
    <input type="text" name="username" placeholder="type your ID" value="{{username}}">
    <input type="password" name="password" placeholder="type your PIN" value="{{password}}">
  </form>
</template>

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery访问DOM中任何位置的字段值:

var username = $('[name="username"]').val();
var password = $('[name="password"]').val();