양식 입력을 선택 취소하고 제출하기 전에 함수를 기다리는 중

Question

사용자가 고유 식별자를 입력하는 입력 필드가있는 양식이 있습니다. 그런 다음 사용자가 입력 필드 (흐림)에서 벗어나 이동할 때 파트에 대한 세부 정보를 가져 와서 페이지의 일부 필드를 채우는 jQuery 코드가 있습니다. 문제는 사용자가 입력 필드 밖으로 나가기 전에 제출 버튼을 클릭하여 jQuery 코드가 데이터를로드하고 필요한 필드를 채울 기회가 없다는 것입니다. 이 일을하는 가장 좋은 방법은 무엇일까요? 나는 아마도 몸에 초점을 맞추고 채워야 할 모든 필드가 채워질 때까지 페이지를 계속 확인하는 무한 루프를 가졌다 고 생각했지만, 이벤트 기반 솔루션이 예측할 수없는 무한 루프보다 낫다고 느꼈다. 어떤 아이디어?

Answer 1

양식을 onsubmit 이벤트로 지정하십시오.

모든 양식 필드가 올바르게 채워지지 않는 한 해당 이벤트는 false을 반환합니다. jQuery에서

:

$("#formname").submit(function() 
{ if (condition_not_met) return false; }); 

이 모든 것이 제자리에까지 제출에서 양식을 차단합니다.

블로킹은 자바 스크립트가 비활성화되면 작동하지 않지만 Ajax를 사용하여 올바른 필드를 가져 오는 것은 문제가되지 않습니다.

Answer 2

나는 당신이 blur 함수에서 ajax 호출을하고 있다고 생각하고 있는가? 제출 단추 (페이지로드 또는 흐림)를 비활성화 한 다음 ajax 콜백에서 활성화 할 수 있습니까?