Javascript getElementById返回null

我是meteor和js的新手，但学习和使用这些新东西是非常令人兴奋的

我正在用它做一个小应用程序（还有其他东西：p）：

在my client.html文件中：

<template name="input">
    <form action={{submit}}>
    <p>
        Name : <input type="text" id="BibiName">
        Message : <input type="text" id="BibiMessage">
        <input type="submit" value="Toto">
    </p>
    </form>
</template>

结果: 带有“空”的弹出窗口

我做错了什么

是因为client.js文件中的“提交函数”在client.html中创建“BibiName输入”之前执行

---

Thx提示

如果要在提交表单时添加侦听器，请改用。

是。.元素必须存在于DOM中，然后才能调用

getElementById

，否则它将返回nullThx u laaposto。你能给我推荐一个教程，让我了解更多关于“先执行哪个元素，然后执行第二个…”的内容吗？

Template.input.submit = function () {
    alert(document.getElementById("BibiName" ));
}