이 문의 양식에 문제가 있습니다. 양식을 제출 한 후 입력 필드가 지워지지 않습니다. 문의 양식은 잘 작동하고, 메시지를 보내고, 데이터의 유효성을 검사하고, 성공 메시지를 인쇄합니다.제출 후 연락처 양식 데이터 필드가 지워지지 않습니다
양식 제출 후 데이터 필드를 지우는 방법을 제안 할 수 있습니까?
제출 후 성공적으로 다양한 재설정 기능을 사용하여 필드 값을 null로 설정해보십시오.
데이터 필드를 지우려면 어떻게해야합니까?
성공 핸들러에
$('#contact-form').find('form')[0].reset();
을 추가 하시겠습니까?
감사합니다! 당신의 솔루션은 효과가있었습니다! – user1825922
은 후 JQuery와 수단을 사용하는 경우, 성공 후이를 추가하려면이
$('#form_id').trigger("reset");
시도를 해보시기 바랍니다 리디렉션 페이지
header("Location: success.html");
exit; // Location header is set, pointless to send HTML, stop the script
을 양식을 제출 .. 작동하지 않으면 클릭 기능을 보내고 확인하십시오 ..
$ ("# field1") .val ("");
$ ("# field2") .val ("");
$ ("# field3") .val ("");
양식 처리에 일반적으로 POST-REDIRECT-GET 패턴을 사용하는 것이 좋습니다. 제출 된 양식이 이미 성공적으로 처리되면 리디렉션을해야합니다 : 다른 페이지 또는 현재 페이지를 다시로드하십시오. 귀하의 경우에 양식 데이터가 재설정됩니다. 또 다른 중요한 점은 브라우저에서 다시로드 버튼을 눌러 데이터를 다시 제출하지 않아도되므로 원치 않는 중복 요청이 발생할 수 있다는 점입니다.
이 패턴을 사용하는 경우 리디렉션을 통해 성공적인 메시지를 저장해야합니다. 세션에 저장하고 다음 GET 요청시이를 정리할 수 있습니다.
사용중인 코드를 게시하십시오. – Vick
코드 표시 –