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, 17: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, 21:45
h3ll
 Registrierter Benutzer
Links : Onlinestatus : h3ll ist offline
Registriert seit: Mar 2008
Beiträge: 3.578
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 21:48 Uhr)
  #3 (permalink)  
Alt 01-03-2016, 22: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 01-03-2016, 23: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 06:00
formular: dankeseite statt meldung und button nach 1x klick 'ausgrauen' - php.de This thread Refback 01-03-2016 22: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 13:29
Suchfunktion - Formular mit Link statt Button tschekowski HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 8 02-09-2005 16:18
Nach Button klick Includen ? dimein PHP Developer Forum 4 24-01-2005 10:05
Weiterleitung nach Button klick dingo PHP Developer Forum 9 21-10-2004 15:43
formular mittels textlink (statt button) versenden poodaa HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 3 27-01-2003 11: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

PHP Server Monitor

PHP Server Monitor ist ein Skript, das prüft, ob Ihre Websites und Server betriebsbereit sind.

11.09.2018 Berni | Kategorie: PHP/ Security
PHP WEB STATISTIK ansehen PHP WEB STATISTIK

Die PHP Web Statistik bietet Ihnen ein einfach zu konfigurierendes Script zur Aufzeichnung und grafischen und textuellen Auswertung der Besuchern Ihrer Webseite. Folgende zeitlichen Module sind verfügbar: Jahr, Monat, Tag, Wochentag, Stunde Folgende son

28.08.2018 phpwebstat | Kategorie: PHP/ Counter
Affilinator - Affilinet XML Produktlisten Skript

Die Affilinator Affilinet XML Edition ist ein vollautomatisches Skript zum einlesen und darstellen der Affili.net (Partnerprogramm Netzwerk) Produktlisten und Produktdaten. Im Grunde gibt der Webmaster seine Affilinet PartnerID ein und hat dann unmittelb

27.08.2018 freefrank@ | Kategorie: PHP/ Partnerprogramme
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 17:47 Uhr.