在流星中验证表格

时间:2014-09-06 18:25:38

标签: javascript jquery meteor coffeescript jquery-validate

我正在使用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'

1 个答案:

答案 0 :(得分:0)

在这里的代码中......

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

我没有将name属性视为input元素的一部分。

要使jQuery Validate插件正常运行,每个输入必须具有唯一的name属性。这是该插件跟踪每个输入的方式。这正是您在第一次输入时才获得验证的原因。

See documentation

  

“输入元素的名称属性是”必需的“,验证插件在没有它的情况下不起作用。”