如何手动使用jquery验证插件…响应按钮点击，而不是响应表单发布

Question

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

在这个尝试中，我收到了这个异常:Cannot call method 'element' of undefined

<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

我们可以用各种事件和按钮元素触发验证测试…form的内部和外部，以及所有，而不需要 form的"post"。

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

没有解决方法。

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