홈>2020-02-01 01:32

javascript - jQueryvalidate ()의 요소에 이미 "활성"클래스가 있는지 확인하십시오

두 개의 "

"요소가 있고 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를 사용하여이를 확인할 수있는 방법을 알고 싶습니다.

현재 해결 된 것은 사용자가 제공 한 옵션을 클릭하지 않을 때까지 버튼 유효성 검증이 비활성화 된 것입니다. 그러나 사용자 경험에 짜증이 나는지 알았습니다. 옵션을 선택하지 않은 경우 대신 오류를 표시하고 싶습니다.

javascriptphpjqueryajaxwordpress

답변 # 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를 사용하여 숨겨진 텍스트 상자에 값을 추가하여 올바르게 확인합니다.

Python2.net

javascript - jQueryvalidate ()의 요소에 이미 "활성"클래스가 있는지 확인하십시오

관련 자료