0

代码似乎已连接（像这样）

jQuery("#contactForm").validationEngine();

因为如果出现以下情况，它将验证并引发错误气泡：

  • 您在没有任何输入的情况下跳出必填字段
  • 您在需要更多字符的字段中输入至少一个字符，然后单击提交按钮

但是，如果您除了单击提交按钮之外什么都不做，它将不会验证并引发错误气泡。在这种情况下，它只是提交。一旦您单击该字段或输入任何内容，它似乎就可以工作。

我可以查找我配置错误的内容吗？

的HTML：

<form class = "contactform" id = "contactForm">
    <fieldset>
        <div class="contactform-name contactform-field">
            <label class="contactform-label" for="contactform-name">Name:
                <br>
            </label>
            <input class="validate[required,minSize[8]] contactform-input" type="text" id="contactform-name" name="name" />
        </div>

        <div class="contactform-email contactform-field">
            <label class="contactform-label" for="contactform-email">Email Address:<br></label>
            <input value class="validate[required,custom[email]] contactform-input" type="email" id="contactform-email" name="contactform-email" />
        </div>

        <div class="contactform-text contactform-field">
            <label class="contactform-label" for="contactform-text">Message:
                <br>
            </label>
            <textarea class="validate[required,minSize[12]]contactform-input" name="text" id="contactform-text" > </textarea>
        </div>

        <input class="contactform-button" type="submit" name="submit" value="Send" />

    </fieldset>
</form>

JavaScript（它在 Meteor 中运行）：

Template.Contact.rendered = function () {
    jQuery("#contactForm").validationEngine();
}
4

1 回答 1

0

我从未使用过这个引擎，但从文档中我发现“附加”会将验证器附加到 form.submit。可以这么简单吗？

https://github.com/posabsolute/jQuery-Validation-Engine#attach

编辑：

您还可以对提交事件做一些事情（如果上面的提示没有帮助）。

像这样的东西（未经测试，但应该让你走上正确的道路）：

Template.templateName.events({
   'submit': function(event) {

      // Prevent the submit with preventDefault()
      event.preventDefault();

      // Do something to check the submit etc.

   }
});
于 2013-06-28T11:59:11.440 回答