使用 JavaScript 触发 happy.js 验证？

Question

jQuery 验证 对于我的目的来说有点臃肿，所以我发现 Happy.js。不幸的是，只有使用“提交”按钮时才会触发验证，而我没有该按钮。 jQuery-validation 提供了一个函数“form()”来以编程方式触发验证，因此我尝试在 Happy.js 中实现该函数 – 但没有成功。我找到了一个 happy-callback 实现（commit），但这不起作用任何一个。

一些代码（更新）：

$('#someFormSubmit').click(function() {
  $('#someForm').submit();
});
$('#someForm').submit(function(event) {
  event.preventDefault();
  var jqxhr = $.post('/some', $('#someForm').serialize())
    .success(function(response) {});
});
$("#someForm").isHappy({
  fields: {
    '#name': {
      required: true,
      message: "Hello"
    },
  },
  testMode: true,
  unHappy: function () { alert("hello"); },
});

回调中没有任何警报，并且“happy”始终为 true，而它应该为 false。

该表单位于 twitter-bootstrap 模式框中。由于 modal-body 和 modal-footer 是分离的，只有一个链接 .btn 可以提交，但没有正确的输入 type=submit。

有什么解决办法吗？

Answer 1

尝试这样的事情：

// Remember to do all your happy validation stuff first, to ensure that jQuery
// fires off the events in the correct order.
$("#yourForm").isHappy({
  // your validation config
});

$("#yourForm").submit(function (event) {
  // This line prevents the form from actually being submitted
  event.preventDefault();

  // You can then define your actions however you like
  $.post({
    // your config here
  });
});

// When it's time to "submit" the form, it's easy
$("#yourForm").submit();

我还没有使用 happy.js 对此进行测试，但它也应该触发验证。

更新：这是我的jsfiddle。它表明它正在工作（尽管如果您检查小提琴，您会看到对此代码的一些修改）。但我不知道为什么这些字段不能在模糊时验证。这应该可以在 happy.js 中开箱即用，因此如果您遇到这个问题，您可能需要向作者发布问题。

Answer 2

您是否尝试过使用 submitButton 选项？

来自 http://happyjs.com/ 的官方文档：

submitButton (string)：如果将 jQuery 选择器传递给此表单，则单击该项目时（而不是提交时）将验证表单。

Answer 3

来自 HappyJS

Happy.js 现在将验证模糊事件的各个字段以及提交时的所有字段。

对模糊事件的验证还不够？

尝试将您的 HTML 代码以及您使用 JS 所做的事情写入 jsfiddle 中，将更容易获得帮助。

但是，如果您只想在单击某个按钮/元素时激活验证，只需将 jQuery 选择器设置为 happy 函数参数中的变量 submitButton

Answer 4

Happy.js 注册了一个提交处理程序，因此如果您需要以编程方式触发它，您应该能够使用 jQuery 触发提交，不是吗？

$(form).submit()

Answer 5

$('#my_form').isHappy({
    when: "blur keyup"
});

此语法适用于当前版本的 Happy.js。