检查 jQuery.validate() 上的元素上是否已经有一个 "active" 类

Question

我有两个">

"元素，我正在使用jQuery单击时添加一个"活动"类，但是，我不希望用户在没有选择两个选项中的任何一个的情况下继续。这是我正在使用的元素：

<ul class="register-tabs">
    <li class="am_va" data-account-type="one" data-description="one"><a href="javascript:void(0);">One</a></li>
    <li class="need_va" data-account-type="two" data-description="two"><a href="javascript:void(0);">Two</a></li>
</ul>

我想知道如何使用 jQuery.validate 验证这一点？

我

目前对此的修复是按钮验证被禁用，直到用户不单击我提供的选项。但我发现如果刺激用户体验。所以我想显示一个错误，如果他们没有选择任何选项。

Answer 1

所以我找到了我的问题的解决方案，我正在发布它，所以如果有人需要解决方案，这是我的修复。

新的 HTML 结构：

<ul class="register-tabs">
    <li class="am_va" data-account-type="job-seeker" data-description="I'm a virtual assistant looking for work."><a href="javascript:void(0);">I WANT TO WORK</a></li>
    <li class="need_va" data-account-type="job-offer" data-description="I need to hire a virtual assistant."><a href="javascript:void(0);">I WANT TO HIRE</a></li>
    <input type="hidden" name="accountType" id="accountType" value=""  />
    <label for="accountType" class="error"></label>
</ul>

因此，我添加了一个带有空白值的隐藏输入框，以便稍后在jQuery Validify上可以检查它是否为空白并显示我提供的标签错误。

这是 jQuery.validate(( 代码。

jQuery('#form').validate({
    ignore: ".ignore",
    rules: {
        last_name: {
            required: true
        }
    },
    messages: {
         accountType: {
              required: "<?php _e( 'Please choose account type', 'themesdojo' ); ?>"
    }
    }).......;

对于最终结果，当单击两个选项之一时，我使用了jQuery，我在为它提供的隐藏文本框中添加了一个值以正确验证:)