验证Meteor中的表单

Validate Form in Meteor

本文关键字：表单 Meteor 验证      更新时间：2023-09-26

我使用的是jQuery Validation Pugin，但我可以选择添加所需的新文本字段，第一个文本字段会验证它，其他字段则没有。

HTML:

{{#each form}}
<input type="text" id="{{id}}" required>
{{/each}}

添加新字段：

Template.form.events
  'click #add': (e, t) ->
    data = Session.get('form')
    data.push
      id:  data.length + 1
    Session.set 'form', data

渲染：

Template.form.rendered = ->
  $('form').validate()
  Session.set 'form', [
    id: 1
  ]

助手：

Template.form.helpers
  form: ->
    Session.get 'form'

在这里的代码中。。。

{{#each form}}
<input type="text" id="{{id}}" required>
{{/each}}

我不认为name属性是input元素的一部分。

为了使jQuery Validate插件正常工作，每个输入都必须具有唯一的name属性。这就是这个插件如何跟踪每一个输入。这正是您只在第一次输入时得到验证的原因。

参见文档：

"name属性是输入元素的"必需"，没有它验证插件就无法工作。"

相关文章：