Meteor Bootstrap 3 表单未提交答案

【问题标题】：Meteor Bootstrap 3 Form does not SubmitMeteor Bootstrap 3 表单未提交
【发布时间】：2015-11-20 05:01:48
【问题描述】：

我正在使用流星@1.1.10 和 twbs:bootstrap@3.3.5

我可以获得一个模式窗口来生成、关闭和注册一个按钮已被点击。我无法让它从表单中读取任何信息。它只是关闭。我包含了一条控制台消息，它永远不会显示在浏览器或命令提示符下。

有没有办法在不包含另一个包的情况下做到这一点？我已经包含了我的模态 HTML 模板和 Javascript。我希望它只是代码中遗漏的东西。

以下是 HTML：

<template name="emodal">
  <div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Spends Email Details</h4>
        </div>
        <div class="modal-body">
          <form class="emailspends">
            <label for="input">Recipient:</label>
            <input type="text" name="emailto" required>
            <label for="input">Character Name:</label>
            <input type="text" name="charname" required>
            <input type="submit" id="sendemail" class="email" value="Email Spends" data-dismiss="modal">
          </form>
        </div>
        <div class="modal-footer">
        </div>
      </div>

    </div>
  </div>
</template>

以下是 Javascript：

Template.emodal.events({
    "submit .emailspends": function (event) {
      console.log(Meteor.user().emails[0].address);
      // Prevent default browser form submit
      event.preventDefault();

      // Get value from form element
      //var emailto = event.target.emailto.value;

      var emailto = event.target.emailto.value;
      var charname = event.target.charname.value;

      var title = "Experience spends for " + charname;

      Meteor.call('sendEmail', emailto,
      'zbottorff@uwalumni.com', title,
      'Yup, modal testies.');

      // Clear form
      event.target.emailto.value = "";
      event.target.charname.value = "";
    }
  });

更新：我意识到我应该包含这个，但我确实确保我可以获得一个可提交的模板，而无需它位于模式窗口中。现在我想把它变成一个模态，它没有提交。

【问题讨论】：

标签： meteor

【解决方案1】：

呸！我刚发了这个就找到了。

我的提交按钮有太多部分。我删除了“类”和“id”部分，更改了我的 Javascript 以查找“提交表单”事件。哇啦！让臭虫开始工作。

【讨论】：