Javascript 通过<；a>；标签点击

我目前正在使用jquery验证和表单。我遇到了一个很棒的插件，到目前为止，它工作得非常好。我遇到了一堵墙，因为我在jquery选项卡中将一个表单拆分为多个部分。我已经在这些选项卡中放置了

//jquery选项卡-下一个和上一个
$（函数（）{
var$tabs=$（'#tabs'）.tabs（）；
$（“.ui选项卡面板”）。每个（功能（i）{
var totalSize=$（“.ui选项卡面板”）.size（）-1；
如果（i！=总尺寸）{
next=i+2；
$（此）。追加（“”）；
}
如果（i！=0）{
prev=i；
$（此）。追加（“”）；
}
});
$（'.next tab，.prev tab'）。单击（函数（）{
$tabs.tabs（'select'，$（this.attr（“rel”））；
返回false；
});
});
//Jquery验证
jQuery（文档）.ready（函数（）{
//将表单提交和字段绑定到验证引擎
jQuery（“#formID”）.validationEngine（）；
});
函数checkHELLO（字段、规则、i、选项）{
如果（field.val（）！=“HELLO”）{
//这允许将i18用于错误MSG
返回options.allrules.validate2fields.alertText；
}
}
//Jquery绑定以验证
$（文档）.ready（函数（）{
$（“表单”）.validate（）；
$（$a”）.bind（“单击”，函数（）{alert（$（$form”）.valid（）；}）；
});

HTML

<div id="tab-1" class="ui-tabs-panel ui-tabs-hide">
            <form id="formID" class="formular" method="post">
            <span>Name:</span><br>
            <input value="" class="validate[required] text-input" type="text" name="req" id="req" />    
            <label>
                <span>Favorite sport 2:</span>
                <select name="sport2" id="sport2" multiple class="validate[required]">
                    <option value="">Choose a sport</option>
                    <option value="option1">Tennis</option>
                    <option value="option2">Football</option>
                    <option value="option3">Golf</option>
                </select>
            </label>
            </form>           
</div>


名称：

最喜爱的运动2：
选择一项运动
网球
足球
高尔夫球
您正在动态添加
（感谢jbabey，live已被弃用），而不是
bind

这样，现在或将来添加的任何匹配元素都将被正确绑定。
由于
.live（）
已被弃用，您应该使用
.on（）
，如下所示：

$(document).on("click", ".next-tab, .prev-tab", function(() { 
           $tabs.tabs('select', $(this).attr("rel"));
           return false;
       });

.live（）
在1.7中被弃用，并在1.9中被删除，
.on（）
是绑定处理程序的首选函数。啊，我错过了API页面doh上的注意事项。我也不知道。我按照您的回答使用了
.on（）
，但将字段留空并单击
时，它不会验证任何内容。
$(document).on("click", ".next-tab, .prev-tab", function(() { 
           $tabs.tabs('select', $(this).attr("rel"));
           return false;
       });