Noen ganger kan vi trenger å sende inn HTML-skjemaet til en pop-up vindu. La oss ta en titt inn i detaljene.
Si for jeg har et HTML-skjema.
<form name="contactForm" method="POST" action="thank-you.php">
Navn: <input type="text" name="name" id="name" /> <br />
E-post: <input type="text" name="email" id="email" /> <br />
<input type="submit" value="Submit" />
</ Form>
Vi kan sende dette skjemaet til et tomt vindu ved å sette target = "_blank", men når vi trenger å sende inn skjemaet til en pop-up vindu så vi bør gjøre litt ekstra kode. La oss prøve.
Trinn en: Definere en JavaScript-funksjon
funksjon openWindow (url, wname, bredde, høyde) (
window.open (url, wname, "height =" + høyde + ", width =" + bredde + "location = 0, status = 1, resizable = 0, scrollbars = 1, toolbar = 0");
return true;
)
Over funksjon åpner et pop up vindu i henhold til de medfølgende argumentene. Det er en vanskelig ting. 'Name' er et nøkkelord i JavaScript. Vi bør ikke sette variabelnavnet som 'name'. IE rapporterer feil hvis vi setter navn som en variabel navn.
Trinn to: Stille skjemaet attributtene
Nå vi setter skjemaet attributter som Bellow
<Form name = "kontaktskjema" method = "post" action = "takk-you.php" target = "popupWin" send = "tilbake openWindow ('takk-you.php', 'popupWin', 600, 500);" > Trinn tre: Forbereder takkeside
Nå er vi klare til å forberede takke-you.php side for å behandle skjemadata.
Noen flere ting må følge for sikkerhet og for å beskytte spamming. Vi bør gjelde både JavaScript og server side godkjenningen inn i skjemaet, beskytte spamming og XSS.