Question

我正在使用meteor@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 = "";
    }
  });

更新：已实现我应该包括这个，但我确实可以获得一个可提交的模板，而不是在模态窗口中。现在我想把它变成一个模态而且它没有提交。

Answer 1

呸！我发布之后才发现它。

我的提交按钮的部件太多了。我删除了“Class”和“id”部分，改变了我的Javascript以寻找“提交表单”事件。 Voala！让bugger工作。

Meteor Bootstrap 3表格不提交

1 个答案: