>

두 개의 "

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

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

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

    관련 자료

  • 이전 ruby - 울타리 - 데이터베이스에 숨겨진 필드 태그 저장
  • 다음 jquery - 완전한 Javascript Promise 오류 처리