流星引导3形式不提交

我与[email protected]和工作拼焊板：[email protected]流星引导3形式不提交

我可以得到一个模态窗口产卵，关闭，并注册一个按钮被点击。我无法从表单中读取任何信息。它只是关闭。我包含了一个控制台消息，它永远不会显示给浏览器或命令提示符。

有没有办法做到这一点，而不包括其他包？我已经包含了我的模态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, 
     '[email protected]', title, 
     'Yup, modal testies.'); 

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

更新：意识到我应该包括这一点，但我并确保我能得到一个提交，能够模板而不它在一个模式窗口中。现在我想把它变成一个模式，而不是提交。

来源

2015-11-19 CodeDragonDM

Bah！我在发布之后发现它。

我的提交按钮有太多的零件。我删除了“Class”和“id”部分，将我的Javascript改为查找“提交表单”事件。 Voala！得到了工作的烦人。

来源

2015-11-19 21:01:48 CodeDragonDM

流星引导3形式不提交

回答

相关问题