meteor表单

最新推荐文章于 2024-09-13 08:32:50 发布

乾复道

最新推荐文章于 2024-09-13 08:32:50 发布

阅读量208

点赞数

分类专栏： meteor 文章标签： meteor meteor表单

本文链接：https://blog.youkuaiyun.com/Long861774/article/details/82670853

版权

meteor 专栏收录该内容

14 篇文章

订阅专栏

meteor表单使用。

使用meteor表单与其他框架表单大致相同，首先都要阻止默认表单提交事件的发生；

event.preventDefault();

输入文本事件：

<head>
   <title>meteorApp</title>
</head>
 
<body>
   <div>
      {{> myTemplate}}
   </div>
</body>
 
<template name = "myTemplate">
   <form>
      <input type = "text" name = "myForm">
      <input type = "submit" value = "SUBMIT">
   </form>
</template>

在JavaScript文件中，我们将创建 submit 事件。我们需要防止默认事件的行为以停止刷新浏览器。下一步，我们要使用输入字段的内容，并将其文本值赋值给变量 textValue 。在这个例子中，我们只记录了内容输出到开发者控制台。最后一件事是明确的输入字段。

main.js

import { Template } from 'meteor/templating';
Template.myTemplate.events({
  'submit form': function(event){
     event.preventDefault();
     var textValue = event.target.myForm.value;
     console.log(textValue);
     event.target.myForm.value = "";
  }
});

单选框表单