양식 제출시주의를 기울여 감사합니다

StackOverflow https://stackoverflow.com/questions/1438722

  •  08-07-2019
  •  | 
  •  

문제

나는 매우 기본적인 형태를 가지고 있습니다 http://www.happyholidaylites.com/contact.html 그리고 그것은 잘 작동합니다. 양식을 제출하면 양식이 전송되었다는 메시지없이 사용자가 index.html로 가져옵니다. X 버튼으로 "양식이 제출되었습니다"라는 경고를 시작하려고합니다. 내 코드는 다음과 같습니다.

      <form method="post" id="myForm" action="dynaform.php">

      <input type='hidden' name='rec_mailto' value='JBIRD1111@gmail.com'>
      <input type='hidden' name='rec_subject' value='New Contact Form'>
      <input type='hidden' name='rec_thanks' value='index.html'>

그러니 on 등 .....

마지막 줄은 제출 버튼을 누른 후 무엇을 해야하는지를 알리는 것이지만, 브라우저를 색인을 가리키고 싶지는 않지만 성공 메시지가 포함 된 JavaScript 팝업을 원합니다. 어떤 아이디어?

도움이 되었습니까?

해결책

왜 간단한 onsubmit가 아닌가?

<form method="post" id="myForm" action="dynaform.php" onSubmit="alert('Thank you for your feedback.');" >

다른 팁

솔직히 말해서 사용자가 새로 고침의 페이지를 다시 제출하지 않도록 다른 페이지로 다시 지시하는 것이 좋습니다. 살펴보십시오 게시/리디렉션/GET 패턴.

팝업은 웹 사이트에서 매우 성가 시게 될 수 있습니다. 사이트 탐색 옵션에 액세스 할 수있는 성공적인 제출물로 사용자를 다시 지시 할 수 있거나 몇 초 후에 양식 페이지로 다시 방향으로 다시 지시 할 수있는 "Thank-You.html"라는 페이지를 작성해야합니다. .

index.html로 리디렉션하는 대신 thank.html로 리디렉션합니다. 사용자가 감사 할 것입니다 너 모두가 팝업을 싫어하기 때문입니다!

PHP 스크립트가 입력을 처리하고 브라우저를 rec_thanks 필드.

당신은 같은 것을 추가 할 수 있습니다 onsubmit="YourJavaScriptFunction()" 양식을 실제로 제출하기 전에 클라이언트 측 동작을 추가하기위한 양식 태그에. 이 기능 내에서 유효성 검사를 수행 할 수 있습니다 alert('Thank You!'), 등..

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top