php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > PHP Developer Forum
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


PHP Developer Forum Hier habt ihr die Möglichkeit, eure Skriptprobleme mit anderen Anwendern zu diskutieren. Seid so fair und beantwortet auch Fragen von anderen Anwendern. Dieses Forum ist sowohl für ANFÄNGER als auch für PHP-Profis! Fragen zu Laravel, YII oder anderen PHP-Frameworks.

Thema geschlossen
 
LinkBack (2) Themen-Optionen Thema bewerten
  2 links from elsewhere to this Post. Click to view. #1 (permalink)  
Alt 01-03-2016, 18:59
Gummilippe
 Registrierter Benutzer
Links : Onlinestatus : Gummilippe ist offline
Registriert seit: Mar 2016
Beiträge: 2
Gummilippe befindet sich auf einem aufstrebenden Ast
Question formular: dankeseite statt meldung und button nach 1x klick 'ausgrauen'

hallo.

ich habe ein kontaktformular, welches ich gern etwas aufpimpen moechte. da ich durch try&error bislang keine loesung gefunden habe (fuer mehr reichen meine php kenntnisse leider nicht) wollte ich hier mal fragen.

das formular hat eine validierungspruefung. bei fehlenden feldern werden diese nach klick auf den submitbutton rot eingefaerbt und nichts wird versendet. nach korrektem ausfuellen und absenden wir eine dankemeldung unterhalb des formulars eingeblendet. soweit alles ok. letzteres dauert jedoch ein, zwei, drei sekunden.

hier meine ziele des 'pimpens':
1. nach absenden des formulars soll statt einer meldung auf der selben seite eine neue dankeseite geladen werden.
2. der button soll nach klicken -UND nach ERFOLGREICHER FORMUALRPRUEFUNG- ausgrauen und mit z.b. 'wird gesendet' beschriftet werden. also nicht sofort nach JEDEM klick, sondern erst beim tatsaechlichen senden der mail - also auch NACH erfolgreicher pruefung der formularfelder.

hier mal die drei komponenenten aus denen sich das formular zusammensetzt
-----

die formularseite:
HTML-Code:
<form id="send-form" method="post" action="email-kontakt.php" novalidate>
 <div>
  <input id="send-form-name" class="form-control" type="text" placeholder="Name *" name="name">
 </div>
 <div>
  <input id="send-form-email" type="email" placeholder="E-Mail *" name="email">
 </div>
 <div class="form-group">
  <textarea id="send-form-message" placeholder="Nachricht *" name="message"></textarea>
 </div>
 <input class="btn btn-default" type="submit" value="absenden">

<span class="succs-msg">Vielen Dank!</span>

</form>

dann das email PHP script (email-kontakt.php):
PHP-Code:
<?php
define
('EMAIL_ADMIN_SENT_TO''mail@domain.de');
define('EMAIL_ADMIN_SUBJECT''Anfrage');
define('EMAIL_CLIENT_SUBJECT''Ihre Anfrage');

$headers  "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=UTF-8\r\n";
$headers .= "From: mail@domain.de\r\n";
$headers .= "X-Mailer: PHP/" phpversion() . "\r\n";

$errors = array();
$name    strip_tags(trim(!empty($_POST['name'])  ? $_POST['name']  : ''));
$email   strip_tags(trim(!empty($_POST['email']) ? $_POST['email'] : ''));
$message nl2br(strip_tags(trim(!empty($_POST['message']) ? $_POST['message'] : '')));

if (empty(
$name)) {
    
$errors[] = 'name';
}

if (empty(
$email) || !filter_var($emailFILTER_VALIDATE_EMAIL)) {
    
$errors[] = 'email';
}

if (empty(
$message)) {
    
$errors[] = 'message';
}

$response = array('status' => 'ok');

$datetime date('Y-m-d H:i:s');

$letterToAdmin = <<<MSG
<html>
<body>

<!-- Preloader -->
<div id="preloader">
    <div id="status">&nbsp;</div>
</div>

    <strong>
{$name}</strong> ( <a href="mailto:{$email}">{$email}</a> ) schreibt:<br/>
{$message} <br/><br/>
</body>
</html>
MSG;

$letterToClient = <<<MSG
<html>
<body>

<!-- Preloader -->
<div id="preloader">
    <div id="status">&nbsp;</div>
</div>

Hallo 
{$name},<br/>
vielen Dank f&uuml;r Ihre Nachricht:<br/><br/>
{$message}

</body>
</html>
MSG;

if (empty(
$errors)) {
    
mail(EMAIL_ADMIN_SENT_TOEMAIL_ADMIN_SUBJECT$letterToAdmin$headers);
    
mail($emailEMAIL_CLIENT_SUBJECT$letterToClient$headers);
} else {
    
$response = array('status' => 'error''errors' => $errors);
}

die(
json_encode($response));


und ein formular-javascript:
HTML-Code:
(function ($, window, document) {
    'use strict';

// ##### HIER FEHLT WAS ZUR BESSEREN UEBERSICHTLICHKEIT! #####

        $win = $(window),
        $html = $('html'),

// ##### HIER FEHLT WAS ZUR BESSEREN UEBERSICHTLICHKEIT! #####

        that.init();

        // onLoad function
        $win.load(function(){
            that.sendform();

// ##### HIER FEHLT WAS ZUR BESSEREN UEBERSICHTLICHKEIT! #####

        sendform: function () {
            var contactForm = $('#send-form'),
                contactFormName = $('#send-form-name'),
                contactFormEmail = $('#send-form-email'),
                contactFormMessage = $('#send-form-message'),

                 emailValidationRegex =  /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

            contactForm.find('input, textarea').focusout(function(){
                var self = $(this);

                if (self.attr('id') == 'send-form-email'){
                    if ((self.val() === '') || (!emailValidationRegex.test(self.val()))) {
                        self.parent().addClass('has-error');
                    }
                } else {
                    if (self.val() === '')
                        self.parent().addClass('has-error');
                }
            }).focusin(function(){
                $(this).parent().removeClass('has-error');
            });

            contactForm.on('submit', function(){
                var isHaveErrors = false;

                if (contactFormName.val() === '') {
                    isHaveErrors = true;
                    contactFormName.parent().addClass('has-error');
                }

                if ((contactFormEmail.val() === '') || (!emailValidationRegex.test(contactFormEmail.val()))) {
                    isHaveErrors = true;
                    contactFormEmail.parent().addClass('has-error');
                }

                if (contactFormMessage.val() === '') {
                    isHaveErrors = true;
                    contactFormMessage.parent().addClass('has-error');
                }

                if (!isHaveErrors) {
                    $.ajax({
                        type: 'POST',
                        url: 'email-angebot.php',
                        data: {
                            name: contactFormName.val(),
                            email: contactFormEmail.val(),
                            message: contactFormMessage.val()
                        },
                        dataType: 'json'
                    })
                        .done(function(answer){
                            if ((typeof answer.status != 'undefined') && (answer.status == 'ok')) {
                                $('.succs-msg').fadeIn().css("display","inline-block");
                                contactFormName.val('');
                                contactFormEmail.val('');
                                contactFormMessage.val('');
                            } else {
                                alert('Message was not sent. Server-side error!');
                            }
                        })
                        .fail(function(){
                            alert('Message was not sent. Client error or Internet connection problems.');
                        });
                }

                return false;
            });
        }
    };

    $.fn[pluginName] = function (options) {
        return this.each(function () {
            if (!$.data(this, "plugin_" + pluginName)) {
                $.data(this, "plugin_" + pluginName,
                    new Plugin(this, options));
            }
        });
    };
})(jQuery, window, document);

(function ($) {
    $(document.body).kontaktformular();
})(jQuery);

kannn mir hier bitte jemand weiterhelfen? habe schon mehrere stunden versenkt . und komme einfach auf keinen gruenen zweig. ;-(

DANKE und gruss,
stefan
  #2 (permalink)  
Alt 01-03-2016, 22:45
h3ll
 Registrierter Benutzer
Links : Onlinestatus : h3ll ist offline
Registriert seit: Mar 2008
Beiträge: 3.593
h3ll befindet sich auf einem aufstrebenden Ast
Standard

formular: dankeseite statt meldung und button nach 1x klick 'ausgrauen' - PHP Forum: phpforum.de

http://www.php.de/forum/webentwicklu...lick-ausgrauen

Geändert von h3ll (01-03-2016 um 22:48 Uhr)
  #3 (permalink)  
Alt 01-03-2016, 23:12
Gummilippe
 Registrierter Benutzer
Links : Onlinestatus : Gummilippe ist offline
Registriert seit: Mar 2016
Beiträge: 2
Gummilippe befindet sich auf einem aufstrebenden Ast
Standard

und jetzt?
  #4 (permalink)  
Alt 02-03-2016, 00:52
wahsaga
  Moderator
Links : Onlinestatus : wahsaga ist offline
Registriert seit: Sep 2001
Beiträge: 25.236
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

http://www.php-resource.de/forum/php...l#crossposting

*close*
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Thema geschlossen

Lesezeichen


LinkBacks (?)
LinkBack to this Thread: https://www.php-resource.de/forum/php-developer-forum/105510-formular-dankeseite-statt-meldung-und-button-nach-1x-klick-ausgrauen.html
Erstellt von For Type Datum
PHP.DE EXKLUSIV: formular dankeseite statt meldung + button nach klick 'ausgrauen' - php.de This thread Refback 02-03-2016 07:00
formular: dankeseite statt meldung und button nach 1x klick 'ausgrauen' - php.de This thread Refback 01-03-2016 23:10

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Beim Klick auf Button - Formular nicht absenden! KarlKoks HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 3 15-07-2009 14:29
Suchfunktion - Formular mit Link statt Button tschekowski HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 8 02-09-2005 17:18
Nach Button klick Includen ? dimein PHP Developer Forum 4 24-01-2005 11:05
Weiterleitung nach Button klick dingo PHP Developer Forum 9 21-10-2004 16:43
formular mittels textlink (statt button) versenden poodaa HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 3 27-01-2003 12:23

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

ADSMAN V3 - Werbe-Manager ansehen ADSMAN V3 - Werbe-Manager

ADSMAN V3 - mehr als nur ein Bannermanager! Banner, Textanzeigen und PagePeel Manager! Mit ADSMAN PRO haben Sie die Marketinglösung für eine effektive und effiziente Werbeschaltung mit messbaren Ergebnissen. Unterstützt werden Bannerformate in beliebi

25.10.2018 virtualsystem | Kategorie: PHP/ Bannerverwaltung
PHP News und Artikel Script V2

News schreiben, verwalten, veröffentlichen. Dies ist jetzt mit dem neuen PHP News & Artikel System von virtualsystem.de noch einfacher. Die integrierte Multi-User-Funktion und der WYSIWYG-Editor (MS-Office ähnliche Bedienung) ermöglichen...

25.10.2018 virtualsystem | Kategorie: PHP/ News
Top-Side Guestbook

Gästebuch auf Textbasis (kein MySQL nötig) mit Smilies, Ip Sperre (Zeit selbst einstellbar), Spamschutz, Captcha (Code-Eingabe), BB-Code, Hitcounter, Löschfunktion, Editierfunktion, Kommentarfunktion, Kürzung langer Wörter, Seiten- bzw. Blätterfunktion, V

22.10.2018 webmaster10 | Kategorie: PHP/ Gaestebuch
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 07:34 Uhr.