Question

我是meteor和javascript的新手，我正在开发一款只是为了好玩的应用。

我使用流星与离子。我有一个简单的表格：

   <form>
       ....
      <label class="item item-input">
          <input type="text" name="title" placeholder="Post Title" required>
      </label>
      ....
      <label class="item item-input" >
        <textarea name="message" required></textarea>
    </label>
    ...
    <button class="button icon-left ion-android-upload  button-large create-button button-positive">
       Create
    </button>
    .....
<form>

和亲戚看起来像这样：

   Template.boxSubmit.events({
     "click .create-button": function (e) {
       var box = createBoxFromForm($('form').serializeArray());
       Boxes.insert(box);
       Router.go('/');
    }};

已插入记录，但没有重定向到＆＃34; /＆＃34;。如果我插入：

   e.preventDefault();

插入记录，重定向有效，但我没有获得基本的自动表单验证（空字段，向用户报告错误）。

有两种方法可以同时使用吗？

Answer 1

不要忘记在按钮中添加type="submit"属性，并且明确在事件处理程序中使用e.preventDefault()。

不是100％肯定，但我认为默认的HTML5表单验证仅在单击已明确定义提交类型的按钮时触发。

Route.go不以表单提交方式工作

1 个答案: