使用验证器 jQuery 验证 Click 事件上的表单

我正在使用 jQuery validate 来验证输入。 我的代码：

 $('#button').click( function() {       
    $("#form").validate({              
        rules: {
            phone: {
                required: true,
                number: true,
                rangelength: [7, 14]
            }
        }
    }); 
});

和 HTML：

<form id="form" name="form" method="post" action="">
 <input id="phone" name="phone" class="required" type="text" />
 <div class="button" id="send_b">Send</div>
 </form>

该代码不起作用。如果我添加这行 jQuery

$("#form").submit();  

在点击事件里面它起作用了。但我不想提交表单，所以我只想在点击时进行验证。

有谁知道如何做到这一点？

只需添加.form() http://docs.jquery.com/Plugins/Validation/Validator/form立即手动触发验证（默认行为等待提交事件）：

$('#button').click( function() {       
  $("#form").validate({              
    rules: {
      phone: {
        required: true,
        number: true,
        rangelength: [7, 14]
      }
    }
  }).form(); 
});