javascript - 形成 jquery 插件中的所有输入访问

Question

我正在尝试制作用于表单验证的 jquery 插件(用于学习)。在此表单中，我无法获取类名称为“required”的所有表单字段。代码如下:

(function( $ ) {

$.fn.kValidation =  function() {     

    this.on("submit", function (event ) {

        event.preventDefault();

        $(this + " .required").each( function () {

\\this loop dont get all form inputs which has class "required"

            alert();
        })

}( jQuery ));

HTML 如下:

<form id="fo">
<input class="required" data-kvLimit="min:5 max:200" data-kvType="numeric" /><br>
<input class="required" data-kvLimit="min:5 max:200" data-kvType="string" /><br>
<input class="required" data-kvType="email" /><br>
<input type="submit" value="Submit" />
</form>

我这样调用插件

$("form").kValidation();

Answer 1

您可以将 jQuery() 的 context 参数设置为 this : form 元素。另请注意，在 .on() 处缺少关闭 })，在 $.fn.kValidation 处缺少关闭 }

  $(function() {
    (function($) {
      $.fn.kValidation = function() {
        this.on("submit", function(event) {
          event.preventDefault();
          $(" .required", this).each(function() {
            console.log(this)
          })
        })
      }
    }(jQuery));

    $("form").kValidation();

  });

plnkr http://plnkr.co/edit/DqX44H5p9HEA3P5tfZMC?p=preview