Submit HTML-Formular, um Popup-Fenster

Manchmal können wir brauchen, um HTML-Formular, um ein Pop-up-Fenster vor. Werfen wir einen Blick in die Details.
Sprich denn ich habe ein HTML-Formular.

  <form name="contactForm" method="post" action="thank-you.php">
 Name: <input type="text" name="name" id="name" /> <br />
 E-mail: <input type="text" name="email" id="email" /> <br />
 <input type="submit" value="Submit" />
 </ Form> 

Wir können über dieses Formular ein leeres Fenster einreichen, indem Sie target = "_blank", aber wenn wir auf das Formular, um ein Pop-up-Fenster dann haben wir etwas mehr tun sollte Code vorlegen müssen. Lassen Sie uns versuchen.

Schritt eins: Definieren einer JavaScript-Funktion

  Funktion oeffnenFenster (url, wname, Breite, Höhe) (
 window.open (url, wname, "height =" + Höhe + ", width =" + Breite + "location = 0, status = 1, resizable = 0, scrollbars = 1, toolbar = 0");
 return true;
 ) 

Above-Funktion öffnet sich ein Popup-Fenster nach dem gelieferten Argumente. Es ist eine heikle Sache. 'Name' ist ein Schlüsselwort in JavaScript. Wir sollten nicht den Namen der Variablen als 'name'. IE meldet Fehler, wenn wir Namen gesetzt wie ein Variablenname.

Schritt zwei: Setzen der Attribute Form
Nun setzen wir die Form Attribute wie Balg

  <Form name = "Kontaktformular" method = "post" action = "Danke-you.php" target = "popupWin" onsubmit = "return oeffnenFenster (" Dankeschön you.php ',' popupWin ', 600, 500); " > 

Schritt drei: Vorbereiten Dankeschön-Seite
Jetzt sind wir bereit, die Dankeschön-Seite you.php für die Verarbeitung der Formulardaten vorzubereiten.

Einige Dinge müssen mehr für die Sicherheit folgen und zu schützen Spamming. Wir sollten Form gelten sowohl JavaScript und Server-Seite in die Validierung, zu schützen und XSS-Spamming.

Share and Enjoy:
  • Facebook
  • Twitter
  • Google Bookmarks
  • Digg
  • del.icio.us
  • MySpace
  • LinkedIn
  • Live
  • Ping.fm
  • YahooMyWeb
  • Posterous
  • Sphinn
  • Mixx
  • DZone
  • email
  • Furl
  • StumbleUpon
  • Technorati
  • TwitThis
  • Webnews.de
  • Yahoo! Buzz
  • blogmarks
  • Yahoo! Bookmarks

13 Responses to "Submit HTML-Formular, um Popup-Fenster"

  1. Rahat Bashir Says:

    Das ist nett und nützliche Funktionen

  2. pro_roman Says:

    schöne Technik, Mensch.

  3. Mohammad Sajjad Hossain Says:

    Netter Trick.

  4. Anis Uddin Ahmad Says:

    Schönes und Nützliches post :)
    Seien Sie mit "window.open"-Funktion vorsichtig. Bcoz Popup-Blocker deaktivieren Öffnen eines neuen Fensters verwenden. Und die meisten der normale Benutzer (ich meine außer Entwickler) Popup-Blocker verwenden und ihn anweisen, alle Popups blockieren, ohne zu wissen, was tut er tatsächlich.
    Bessere u können "_blank" als Wert von target-Attribut des Formulars, um das Formular zu einem neuen Fenster vorzulegen und es ist aus-Blocker ausgestattet. Dann, wenn u auf die Fenstergröße zu ändern willst, kannst u es in onLoad Ereignis dieser neuen Fenster zu tun.

  5. cwxwwwxwwxwx Says:

    Na ja, hallo admin und nette Leute forum ja. Wie das Leben? hoffe, es ist die Einführung Filiale ;)

  6. Anurag Says:

    wirklich gut.!

  7. Jeferson Says:

    Dieser Tipp war sehr nützlich für mich! Besonders, wenn man "onsubmit = return ... verwendet werden." Auf dem Tag. Diese "Rückkehr" fest mein Problem auf meinem Formular!
    Vielen Dank!

  8. Pearlie Bufford Says:

    Hallo, gerade entdeckt, Ihre Post, wenn ich Google etwas und frage mich, was Webhosting Haben Sie für Ihr Blog zu verwenden, die Geschwindigkeit schneller als mein WordPress ist, ich möchte wirklich wissen, it.will zurück, check it out, schätze ich es!

  9. haryono Says:

    Waren Idee, danke für Sie Lösung

  10. Prince Reeger Says:

    :)!

  11. Othman Kamza Says:

    Ich war nicht in der Lage, das gleiche Problem seit mehr als zwei Monaten zu lösen. Jetzt ist es vorbei. Jazaka_llah kheyry Herr Alafart.

  12. itsmephp Says:

    Vielen Dank für diese großartige Informationen

  13. Олег Says:

    Скачать программы бесплатно u без регистрации для музыкантов Íà сайте вы можете заргузить VSTi для музыкантов бесплатно.

Lassen Sie eine Antwort