使用语义UI按钮处理不一致的Meteor事件

Question

今天我在写一个简单的登录表单并通过Semantic UI进行格式化时遇到了一个非常奇怪的错误。

以下是模板：

<div class="ui form attached fluid segment">
  <form name="loginForm">

    <div class="field">
      <label>Email</label>
      <input type="email" name="loginEmail" placeholder="bruce.li@shaolin.com">
    </div>

    <div class="field">
      <label>Password</label>
      <input type="password" name="loginPassword" placeholder="Shh...">
    </div>

    <input type="submit" class="ui blue submit button" value="Login">

  </form>
</div>

以下是事件处理程序：

Template.login.events({ 
  "submit form": function( event, template ) {

    event.preventDefault();

    var userEmail = event.target.loginEmail.value;
    var userPassword = event.target.loginPassword.value;

    Meteor.loginWithPassword( userEmail, userPassword );
    event.target.reset();

    FlowRouter.go( "newsfeed-view" );
  }
});

所有这一切都非常正常，直到你开始更改/删除按钮。如果我要更改或删除按钮，则提交事件将不起作用。但是，其他事件（如click）可以使用或不使用按钮。