Chrome 자동 완성을 허용하지만 특정 입력란에 대한 메시지가 표시되지 않습니다.

Question

여러 입력이있는 양식이 있는데 그 중 하나는 국가입니다. 나는 국가 목록을위한 내 자신의 드롭 다운 상자를 만들었습니다. 나는 form_for를 사용하고 있는데 폼의 다른 필드에서 자동 완성 옵션을 선택하면 브라우저의 자동 완성을이 필드에 채우고 싶습니다. 그러나이 특정 입력 필드에서만 사용자에게 메시지를 표시하지 않으려합니다. 내 드롭 다운의 길에).

  <%= form.text_field :country, 
       id: :sender_address_country, 
       class: "form-control country-search", 
       autocomplete: "off" %> 

나는 여러 가지 조합으로 유사한 질문에 대한 답변에서 본 : : 자동 완성 및 : 자동 채우기 옵션을 시도했습니다. : 자동 완성 기능은 자동 완성 프롬프트를 중지 시키지만 사용자가 양식의 첫 번째 입력란에서 자동 완성 옵션을 선택하면 자동 완성을 허용하지 않습니다. 어떤 도움을 주셔서 감사합니다!

Answer 1

문제가 해결되었지만 필드에 포커스가있을 때 자동 완성 특성을 추가하는 JavaScript 효과를 필드에 추가하기로 결정했습니다. 포커스가 제거되면 제거됩니다.

$('.country-search').focusout(function() { 
    $(this).removeAttr('autocomplete'); 
}); 

$('.country-search').focusin(function() { 
    $(this).attr('autocomplete', 'off'); 
})