Javascript 如何在不使用表单标记的情况下运行jQueryValidation插件？

我正在使用jQueryValidation插件，我阅读了一些文档，但我不知道您是否可以在没有表单的情况下运行jqueryvalidator。我需要的是使用按钮中的事件运行jqueryvalidator

以下是我的一些代码：

<div class="row" id="form-validate">

    <div class="col-md-3">
        <div class="form-group">
            <label for="usernamedata">Username</label>
            <select name="username" class="usernamedata form-control" style="width: 100%;">
                <?php if(isset($filter_username)) { ?>
                    <option value="<?php echo $filter_username; ?>"><?php echo $get_username; ?></option>
                <?php } ?>
            </select>
        </div>
    </div>


    <div class="col-md-3">
        <div class="form-group">
            <label>Email</label>
            <input type="text" class="form-control" name="email_address" placeholder="sample@email.com" value="<?php echo $filter_email; ?>" />
        </div>
    </div>


    <div class="col-md-3">
        <div class="form-group">
            <label>Date Added</label>
            <div class='input-group date' id='date-added'>
                <input type="text" class="form-control datepicker" name="date_added" placeholder="YYYY-MM-DD" value="<?php echo $filter_date_added; ?>" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>


    <div class="col-md-3">
        <div class="form-group">
            <label>Status</label>
            <select class="form-control" name="status">
                <option value=""></option>
                <option value="1" <?php ($filter_status == 1) ? 'selected="selected"' : ''; ?>>Enabled</option>
                <option value="0" <?php ($filter_status == 0) ? 'selected="selected"' : ''; ?>>Disabled</option>
            </select>
        </div>
    </div>

</div>

<div class="row">

    <div class="col-md-12">
        <div class="form-group text-right">
            <button type="button" class="btn btn-primary" id="filter-data"><i class="fa fa-search"></i></button>
        </div>
        <div class="clearfix"></div>
    </div>

</div>

---

据我所知，为了正确运行jQuery验证，您必须有表单标记，所以不可能使用这个没有表单标记的插件？因为在我的页面中也有一个表单，我知道在一个特定页面中只能有一个表单。这不一定是真的，你可以在一个页面中有多个表单，只要你能区分它们。是的，因为从一开始我的理解是为了有一个合适的页面，每个页面只有一个表单。谢谢你提供的信息。：）

$("#filter-data").on('click', function(){
   //do the validation here
   if(!myValidation) {
      //success
   } else {
      //display error
   }
});