jquery - 我如何手动使用 jquery 验证插件...例如。响应按钮单击而不是表单帖子？

Question

我是验证插件的新手。我正在尝试验证将在 $.post 调用中使用的几个输入字段，但我被困在第一步。我如何验证这组元素，它们不在表单中，只是一个普通的 div。

在此尝试中，我收到此异常：无法调用未定义的方法“元素”

<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
<script>
  $(function () {
    var validator = $('.formulario').validate({
    rules : {
      nombre: "required",
      password: "required"
    },
      messages: {
      nombre: "Este campo es requerido",
      password: "Este campo es requerido"
      }
    });

    $('[name=procesar]').click(function () {
      if ($('.formulario').valid()) {
        alert('valid');

      } else {
        validator.showErrors();
      }
    });
  })

</script>

<div class="formulario">
  <input type="text" name="nombre" id="nombre"/>
  <input type="password" name="password" />
  <input type="button" name="procesar" value="click"/>
</div>

Answer 1

我们可以使用各种事件和按钮元素触发验证测试......在 a 的内部和外部，form并且所有这些都不需要.form

但是，您绝对不能附加到元素.validate()以外的任何容器。<form></form>

没有解决方法。

文档： http ://docs.jquery.com/Plugins/Validation