브라우저의 양식 자동 채우기 사용

Question

내 웹 사이트에 가입 양식을 작성 중입니다. 여기에는 다양한 표준 양식 필드가 있습니다. 예 : 이름, 주소, 전화 번호, 사용자 이름, 비밀번호 등

필드를 두 번 클릭하면 자동 완성 주소를 입력 할 수 있습니다.

이 웹 페이지는이 양식에 자동으로 채워지지 않습니다.

비활성화하지 않았으므로 어떻게 활성화합니까? <form> 태그와 <input> 태그 중 일부에 autocomplete="on"을 추가하려고 시도했지만 도움이되지 않았습니다.

모든 필드에 autocomplete="on"을 추가해야합니까? 또한 브라우저는 어떤 필드가 무엇인지 어떻게 알 수 있습니까? 필드의 이름을 특별한 것으로해야합니까?

또 다른 질문 : 양식이 자동 채워질 때 어떤 종류의 onautocomplete 이벤트가 발생합니까? 내 양식에서 우편 번호를 입력하면 데이터베이스에서 AJAX를 통해 찾은 다음 주와 도시를 가져옵니다 (도시와 주는 우편 번호가 두 개 이상의 도시에 적용될 수 있기 때문에 드롭 다운입니다). 너를 위해서. 나는 폼이 자동으로 채워진 후 실행을 할 수 있기를 바랬다.

P. 그게 중요한 경우 jQuery form validation 플러그인을 사용하고 있습니다.

Answer 1

문제는 양식 태그에 method="POST"이 없기 때문입니다.

메시지 검색 후 bug report과 comments 중 하나가 method="POST"입니다.

나는 method="POST"을 추가했습니다. 자동 채우기가 작동합니다.

양식에 양식이없는 경우 action을 추가해야 할 수도 있습니다. action="javascript:void(0)" 작품.

참고 : 자동 채우기는 onchange 이벤트를 트리거하는 것으로 보입니다.

주 2 : 브라우저 필드는이 질문에 무엇을보고, 무엇을 알고하는 방법에 대해서는 "에"How to trigger Autofill in Google Chrome?

Answer 2

자동 완성 기능을 해제하는 옵션은 일반적으로 양식 태그에 있습니다. Mozilla here의 개발자 페이지를 참조하십시오. 이는 일반적으로 해당 속성을 제거하면 웹 페이지에서 다시 활성화해야 함을 의미합니다.

AJAX 요청의 두 번째 부분에 대해서는 리스너가 있다고 생각하지 않지만 각 x 초마다 필드의 값을 확인하는 함수를 추가 할 수 있으며 변경하면 수행 할 수 있습니다 당신 조회.