자동 완성 사파리 브라우저에서 부트 스트랩 검증이 실패했습니다.

Question

양식 유효성 검사에 부트 스트랩 검사기를 사용하고 있습니다. 사파리 브라우저 자동 완료 문제가 있습니다.

$('#registration_info_form').bootstrapValidator({ 
    message: 'This value is not valid', 
    feedbackIcons: { 
     valid: 'glyphicon glyphicon-ok', 
     invalid: 'glyphicon glyphicon-remove', 
     validating: 'glyphicon glyphicon-refresh' 
    }, 
    verbose: false, 
    fields: { 
     Name: { 
      message: 'Invalid format.', 
      validators: { 
       notEmpty: { 
        message: 'This field is required.' 
       }, 
       stringLength: { 
        min: 2, 
        max: 100, 
        message: 'Name should be between 2 and 100 characters.', 
       } 
      } 
     }, 
    } 
}); 

Mac 크롬 브라우저에서 문제가 발생했습니다. 이 문제를 해결하기 위해 크롬 문제를 해결 한 다음 코드를 추가했습니다.

$("#Name").change(function() { 
    $('#registration_info_form').bootstrapValidator('revalidateField', 'Name'); 
}); 

하지만 지금은 Mac safari 브라우저에서 문제가 있습니다. 어떤 도움을 주셔서 감사합니다. 미리 감사드립니다.

Answer 1

나는 해결책이있다. :)

나는 블러 이벤트를 사용했다. blur 이벤트에 대해 동일한 필드의 유효성을 다시 확인합니다.

$("#Name").blur(function() { 
    $('#registration_info_form').bootstrapValidator('revalidateField', 'Name'); 
});