2017-10-07 6 views
-2

私は入力フィールドに情報を入力した後に情報を保存するアプリケーションを作成しようとしています! 1つ以上の入力フィールドを持つフォームを追加する際にいくつか問題があります。Meteor.jsのsubmitですべてのフォームの要素を追加するには?

これらは私のHTMLとJSファイルです:

import { Template } from 'meteor/templating'; 

import { Tasks } from '../api/tasks.js'; 

import './body.html'; 

Template.body.helpers({ 
    tasks() { 
    // Show newest tasks at the top 
    return Tasks.find({}, { sort: { createdAt: -1 } }); 
    }, 
}); 

Template.body.events({ 
    'submit .new-task'(event) { 
    // Prevent default browser form submit 
    event.preventDefault(); 

    // Get value from form element 
    const target = event.target; 
    const text = target.text.value; 

    // Insert a task into the collection 
    Tasks.insert({ 
     text, 
     createdAt: new Date(), // current time 
    }); 

    }, 
}); 
<body> 
    <div class="container"> 
    <header> 

     <form class="new-task"> 
     <input type="text" name="text" placeholder="Type to add new tasks" /> 
     </form> 
    </header> 

    <ul> 
     {{#each tasks}} 
     {{> task}} 
     {{/each}} 
    </ul> 
    </div> 
</body> 

<template name="task"> 
    <li>{{text}}</li> 
</template> 

どのように私は2つの以上の入力を追加し、提出ボタンをクリックして表示することができますを教えてください?

+0

あなたの問題が何であるかを理解するのは難しいです。しかし、重複して試しましたか?代替プロパティ名でname = "text" – AirBorne04

答えて

1

あなたの問題は本当に不明です。これは、2番目のテキストフィールドを含めて最初のフィールドと同時にmongoに保存するだけの簡単なことができますか?

HTML:

<form class="new-task"> 
    <input type="text" name="text" placeholder="Type to add new tasks" /> 
    <input type="text" name="text2" placeholder="Type to add something else" /> 
</form> 

JS:

const target = event.target; 
const text = target.text.value; 
const text2 = target.text2.value; 

Tasks.insert({ text, text2, createdAt: new Date() }); 
+0

あなたのコードがObject.clickの.subm(body.jsで未定義 のプロパティ '値' を読み込めません作業( をdosn't:20) -constテキスト= target.text.value; - それストリップ( –

+0

申し訳ありません。 それは私の間違いだった あなたのコードは、おかげで)あなたの答えのPLS-のためのものに変更し 作品:。!の constのターゲット= event.target; constのテキスト= target.text.value; constのテキスト2 = target.text2.valueを。 Tasks.insert({text、text2、createdAt:new Date()}); target.text.value = ''; target.text2.value = ''; –

関連する問題