檢查jQuery.validate（）的元素上是否已經有一個“活動”類

Question

我有兩個“ <li>”元素，並且在使用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 Validate上可以檢查其是否為空並顯示我提供的標簽錯誤。

這是jQuery.validate（）代碼。

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

對於最終結果，當單擊兩個選項之一時，我使用了jQuery，我在為它提供的隱藏文本框中添加了一個值，以供其正確驗證:)