iphone에서 jQuery 유효성 검사가 작동하지 않습니다.

Question

캠페인 모니터의 양식을 모바일 사이트에 연결했으며 유효성 검사를 위해 jQuery 유효성 검사를 사용하고 있습니다. 모두 잘 데스크톱 브라우저에서 작동하지만 내 아이폰을 확인할 때 유효성 검사가 작동하지 않습니다.

저는 JQuery를 사용한 경험이 없기 때문에 어떤 도움을 주시면 감사하겠습니다.

미리 감사드립니다. 다음과 같이

라이브 데모 http://files.perfectday.gb.com/internal/stackoverflow/mobile-form/get-your-coupon.php

내 검증 JQuery와 및 형태이다.

$("form").validate({ 
    onsubmit: false 
}); 

:

<script type="text/javascript"> 
    $.validator.methods.equal = function(value, element, param) { 
     return value == param; 
    }; 
    $(document).ready(function(){ 
    $("#subForm").validate({ 
      rules: { 
       math: { 
        equal: <?php echo $randomNumTotal; ?> 
       } 
      }, 
      messages: { 
       math: "Try again!!" 
      } 
     }); 
    }); 
    </script> 


<!-- Form --> 
    <form action="http://perfectday.createsend.com/t/j/s/nyuyh/" method="post" id="subForm"> 

     <div class="name"> 
      <label for="name">Name:<span>*</span></label><br> 
      <input type="text" name="cm-name" id="name" size="25" class="required text-input" /> 
     </div> 
     <div class="nyuyh-nyuyh"> 
      <label for="nyuyh-nyuyh">Email Address:<span>*</span></label><br> 
      <input type="text" name="cm-nyuyh-nyuyh" id="nyuyh-nyuyh" size="25" class="required email text-input"/> 
     </div> 
     <div class="address1"> 
      <label for="Address 1">Address 1:<span>*</span></label><br> 
      <input type="text" name="cm-f-juar" id="Address1" size="25" class="required text-input" /> 
     </div> 
     <div class="address2"> 
      <label for="Address 2">Address 2:<span>*</span></label><br> 
      <input type="text" name="cm-f-juaj" id="Address2" size="25" class="text-input required" /> 
     </div> 
     <div class="city"> 
      <label for="City">City/town:<span>*</span></label><br> 
      <input type="text" name="cm-f-juat" id="City" size="25"class="required text-input" /> 
     </div> 
     <div class="postal"> 
      <label for="postal">Post code:<span>*</span></label><br> 
      <input type="text" name="cm-f-juai" id="postal" size="25"class="required text-input" /> 
     </div> 
     <div class="captcha"> 
      Enter the correct result<span>*</span><br> 
      <input type="text" name="captchaImage" id="sum" value="<?php echo $randomNum ?> + <?php echo $randomNum2 ?>" disabled="disabled" /> 
      <input type="text" name="math" id="math" maxlength="6" /> 
     </div> 
    <input value="submit information" class="submit" type="image" src="images/trans.png" class="get-your-coupon-submit" alt="Submit" > 
    <br> 
    </form> 

Answer 1

나는 1.9

해결 방법은 제출 양식에 유효성을 검사하지 않는 플러그인을 구성했다 jQuery를 버전 1.6.1+과하는 검증 플러그인 버전과 아이폰에 동일한 문제가 있었다

검증 형식과 프로그래밍 제출

if($("form").valid()){ 
    // post validation code 

    form.submit() 
} 

Answer 2

(3 년 후 갱신) iPhone 및 jQuery.validate와 관련된 문제도 발견했습니다. 유효성 검사가 적용되었지만 첫 번째 필드가 스크롤되지 않았습니다. 이 문제를 해결하기 위해 방금 .invalidHandler() 메서드를 업데이트하여 다음을 포함하도록 업데이트했습니다.

$("foo").validate({ 
    invalidHandler: function(e, validator) { 
    if(window.navigator.userAgent.match(/iphone/i)) { 
     window.setTimeout(function() { 
     $("html,body").animate({ 
      scrollTop: $(validator.errorList[0].element).offset().top 
     }); 
     }, 0); 
    } 
    } 
});