• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage HTML/PHP Kontaktformular

S

Saikoro

Neues Mitglied
Halli Hallo,

ich habe ein kleines Problemchen mit dem Kontaktformular, welches ich aus einem Template übernommen habe. Das Formular sieht aus wie folgt:

HTML: 
<form name="feedbackForm" method="POST" action="form.php" class="small text-center validator">
                        <input name="feedbackFormTo" type="hidden" value="XXXXXXXXXXX">
                        <h4>
                            Kontaktformular
                        </h4>
                        <ul class="list-inline grid">
                            <li>
                                <input name="feedbackFormName" type="text" class="form-control" placeholder="Name" data-validator="required">
                            <li>
                                <input name="feedbackFormEmail" type="text" class="form-control" placeholder="E-Mail" data-validator="required|valid_email">
                            <li>
                                <textarea name="feedbackFormComment" class="form-control" placeholder="Nachricht/Bestellung" data-validator="required"></textarea>
                        </ul>
                        <input name="Submit" type="submit" class="btn btn-default" value="Submit" />
                    </form>

Hinzukommt die form.php:

PHP: 
<?php

$to = ( isset( $_POST[ 'feedbackFormTo' ] ) & ! empty( $_POST[ 'feedbackFormTo' ] ) ) ? $_POST[ 'feedbackFormTo' ] : NULL;
$to = ( filter_var( $to, FILTER_VALIDATE_EMAIL ) ) ? $to : NULL;
$from = ( isset( $_POST[ 'feedbackFormEmail' ] ) & ! empty( $_POST[ 'feedbackFormEmail' ] ) ) ? $_POST[ 'feedbackFormEmail' ] : NULL;
$from = ( filter_var( $from, FILTER_VALIDATE_EMAIL ) ) ? $from : NULL;
$sender = ( isset( $_POST[ 'feedbackFormName' ] ) & ! empty( $_POST[ 'feedbackFormName' ] ) ) ? htmlspecialchars( $_POST[ 'feedbackFormName' ] ) : NULL;
$comment = ( isset( $_POST[ 'feedbackFormComment' ] ) & ! empty( $_POST[ 'feedbackFormComment' ] ) ) ? htmlspecialchars( $_POST[ 'feedbackFormComment' ] ) : NULL;
$subject = 'Message from ' . $sender;
$headers = 'From: (Your site) <XXXXXXX>' . "\r\n" . 'Content-type: text/html; charset=utf-8';
$message = '
<html>
    <head>
        <title>Your Site Contact Form</title>
    </head>
    <body>
        <h3>Name: <span style="font-weight: normal;">' . $sender . '</span></h3>
        <h3>Email: <span style="font-weight: normal;">' . $from . '</span></h3>
        <div>
            <h3 style="margin-bottom: 5px;">Comment:</h3>
            <div>' . $comment . '</div>
        </div>
    </body>
</html>';
if( $from !== NULL && $sender !== NULL && $comment !== NULL  ) {
    mail( $to, $subject, $message, $headers ) or die( '<span style="color: #c3293a;">Fehler beim versenden der E-Mail</span>' );
    echo '<span style="color: #3aeb89;">Ihre E-Mail wurde erfolgreich versendet!</span>';
} else
    echo '<span style="color: #c3293a;">Alle Felder müssen ausgefüllt werden!</span>';
?>

Nun habe ich folgende zwei Probleme dernen Lösung ich irgendwie nicht finden kann. Zum einen kann ich beim Namensfeld nur ein Wort eintragen, verwende ich ein Leerzeichen und ein zweites Wort so wird das Feld rot und die Nachricht wird nicht versendet.

Zweitens öffnet sich beim erfolgreichen Versenden ein Popup in dem steht "Thank you for your comment!" und nicht wie in meiner php Datei "Ihre E-Mail wurde erfolgreich versendet!".

Kann mir hierbei jemand helfen? :/
 
Werbung:
Saikoro schrieb:
Halli Hallo,

ich habe ein kleines Problemchen mit dem Kontaktformular, welches ich aus einem Template übernommen habe. Das Formular sieht aus wie folgt:

HTML: 
<form name="feedbackForm" method="POST" action="form.php" class="small text-center validator">
                        <input name="feedbackFormTo" type="hidden" value="XXXXXXXXXXX">
                        <h4>
                            Kontaktformular
                        </h4>
                        <ul class="list-inline grid">
                            <li>
                                <input name="feedbackFormName" type="text" class="form-control" placeholder="Name" data-validator="required">
                            <li>
                                <input name="feedbackFormEmail" type="text" class="form-control" placeholder="E-Mail" data-validator="required|valid_email">
                            <li>
                                <textarea name="feedbackFormComment" class="form-control" placeholder="Nachricht/Bestellung" data-validator="required"></textarea>
                        </ul>
                        <input name="Submit" type="submit" class="btn btn-default" value="Submit" />
                    </form>

Hinzukommt die form.php:

PHP: 
<?php

$to = ( isset( $_POST[ 'feedbackFormTo' ] ) & ! empty( $_POST[ 'feedbackFormTo' ] ) ) ? $_POST[ 'feedbackFormTo' ] : NULL;
$to = ( filter_var( $to, FILTER_VALIDATE_EMAIL ) ) ? $to : NULL;
$from = ( isset( $_POST[ 'feedbackFormEmail' ] ) & ! empty( $_POST[ 'feedbackFormEmail' ] ) ) ? $_POST[ 'feedbackFormEmail' ] : NULL;
$from = ( filter_var( $from, FILTER_VALIDATE_EMAIL ) ) ? $from : NULL;
$sender = ( isset( $_POST[ 'feedbackFormName' ] ) & ! empty( $_POST[ 'feedbackFormName' ] ) ) ? htmlspecialchars( $_POST[ 'feedbackFormName' ] ) : NULL;
$comment = ( isset( $_POST[ 'feedbackFormComment' ] ) & ! empty( $_POST[ 'feedbackFormComment' ] ) ) ? htmlspecialchars( $_POST[ 'feedbackFormComment' ] ) : NULL;
$subject = 'Message from ' . $sender;
$headers = 'From: (Your site) <XXXXXXX>' . "\r\n" . 'Content-type: text/html; charset=utf-8';
$message = '
<html>
    <head>
        <title>Your Site Contact Form</title>
    </head>
    <body>
        <h3>Name: <span style="font-weight: normal;">' . $sender . '</span></h3>
        <h3>Email: <span style="font-weight: normal;">' . $from . '</span></h3>
        <div>
            <h3 style="margin-bottom: 5px;">Comment:</h3>
            <div>' . $comment . '</div>
        </div>
    </body>
</html>';
if( $from !== NULL && $sender !== NULL && $comment !== NULL  ) {
    mail( $to, $subject, $message, $headers ) or die( '<span style="color: #c3293a;">Fehler beim versenden der E-Mail</span>' );
    echo '<span style="color: #3aeb89;">Ihre E-Mail wurde erfolgreich versendet!</span>';
} else
    echo '<span style="color: #c3293a;">Alle Felder müssen ausgefüllt werden!</span>';
?>

Nun habe ich folgende zwei Probleme dernen Lösung ich irgendwie nicht finden kann. Zum einen kann ich beim Namensfeld nur ein Wort eintragen, verwende ich ein Leerzeichen und ein zweites Wort so wird das Feld rot und die Nachricht wird nicht versendet.

Zweitens öffnet sich beim erfolgreichen Versenden ein Popup in dem steht "Thank you for your comment!" und nicht wie in meiner php Datei "Ihre E-Mail wurde erfolgreich versendet!".

Kann mir hierbei jemand helfen? :/
Zum Vergrößern anklicken....
Also vorab, dein PHP Code lässt sich leicht für Spam missbrauchen.
Das $to solltest du statisch eingeben. Auf jeden Fall nicht vom Client entgegennehmen.

Bezüglich Problem 1 müsste man dein Validator Javascript sehen.

Problem 2 macht keinen Sinn, wenn wirklich die form.php aufgerufen wird und der Inhalt wie von dir gepostet ist.
 
PHP: 
$to = ( isset( $_POST[...] ) & ! empty( $_POST[...) ) ? $_POST[ ... ] : NULL;
Macht hier ein binärer Vergleich Sinn :D Du meinst wohl eher &&
 
Werbung:
bdt600 schrieb:
PHP: 
$to = ( isset( $_POST[...] ) & ! empty( $_POST[...) ) ? $_POST[ ... ] : NULL;
Macht hier ein binärer Vergleich Sinn :D Du meinst wohl eher &&
Zum Vergrößern anklicken....

Leider kenne ich mich mit PHP zu wenig aus um zu verstehen was du mit diesem Post meinst :-/

@scbawik: Hier gilt das gleiche.

Validator Script:
Code: 
(function (q, r, m) {
    var s = {
            required: "The %s field is required.",
            matches: "The %s field does not match the %s field.",
            "default": "The %s field is still set to default, please change.",
            valid_email: "The %s field must contain a valid email address.",
            valid_emails: "The %s field must contain all valid email addresses.",
            min_length: "The %s field must be at least %s characters in length.",
            max_length: "The %s field must not exceed %s characters in length.",
            exact_length: "The %s field must be exactly %s characters in length.",
            greater_than: "The %s field must contain a number greater than %s.",
            less_than: "The %s field must contain a number less than %s.",
            alpha: "The %s field must only contain alphabetical characters.",
            alpha_numeric: "The %s field must only contain alpha-numeric characters.",
            alpha_dash: "The %s field must only contain alpha-numeric characters, underscores, and dashes.",
            numeric: "The %s field must contain only numbers.",
            integer: "The %s field must contain an integer.",
            decimal: "The %s field must contain a decimal number.",
            is_natural: "The %s field must contain only positive numbers.",
            is_natural_no_zero: "The %s field must contain a number greater than zero.",
            valid_ip: "The %s field must contain a valid IP.",
            valid_base64: "The %s field must contain a base64 string.",
            valid_credit_card: "The %s field must contain a valid credit card number.",
            is_file_type: "The %s field must contain only %s files.",
            valid_url: "The %s field must contain a valid URL."
        },
        t = function (a) {},
        u = /^(.+?)\[(.+)\]$/,
        h = /^[0-9]+$/,
        v = /^\-?[0-9]+$/,
        k = /^\-?[0-9]*\.?[0-9]+$/,
        p = /^[a-zA-Z0-9.!#$%&amp;'*+\-\/=?\^_`{|}~\-]+@[a-zA-Z0-9\-]+(?:\.[a-zA-Z0-9\-]+)*$/,
        w = /^[a-z]+$/i,
        x = /^[a-z0-9]+$/i,
        y = /^[a-z0-9_\-]+$/i,
        z = /^[0-9]+$/i,
        A = /^[1-9][0-9]*$/i,
        B = /^((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})$/i,
        C = /[^a-zA-Z0-9\/\+=]/i,
        D = /^[\d\-\s]+$/,
        E = /^((http|https):\/\/(\w+:{0,1}\w*@)?(\S+)|)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/,
        e = function (a, b, c) {
            this.callback = c || t;
            this.errors = [];
            this.fields = {};
            this.form = this._formByNameOrNode(a) || {};
            this.messages = {};
            this.handlers = {};
            a = 0;
            for (c = b.length; a < c; a++) {
                var d = b[a];
                if ((d.name || d.names) && d.rules)
                    if (d.names)
                        for (var l = 0; l < d.names.length; l++) this._addField(d, d.names[l]);
                    else this._addField(d, d.name)
            }
            var g = this.form.onsubmit;
            this.form.onsubmit = function (a) {
                return function (b) {
                    try {
                        return a._validateForm(b) && (g === m || g())
                    } catch (c) {}
                }
            }(this)
        },
        n = function (a, b) {
            var c;
            if (0 < a.length && ("radio" === a[0].type || "checkbox" === a[0].type))
                for (c = 0; c < a.length; c++) {
                    if (a[c].checked) return a[c][b]
                } else return a[b]
        };
    e.prototype.setMessage = function (a, b) {
        this.messages[a] = b;
        return this
    };
    e.prototype.registerCallback = function (a, b) {
        a && ("string" === typeof a && b && "function" === typeof b) && (this.handlers[a] = b);
        return this
    };
    e.prototype._formByNameOrNode = function (a) {
        return "object" === typeof a ? a : r.forms[a]
    };
    e.prototype._addField = function (a, b) {
        this.fields[b] = {
            name: b,
            display: a.display || b,
            rules: a.rules,
            id: null,
            type: null,
            value: null,
            checked: null
        }
    };
    e.prototype._validateForm = function (a) {
        this.errors = [];
        for (var b in this.fields)
            if (this.fields.hasOwnProperty(b)) {
                var c = this.fields[b] || {},
                    d = this.form[c.name];
                d && d !== m && (c.id = n(d, "id"), c.type = 0 < d.length ? d[0].type : d.type, c.value = n(d, "value"), c.checked = n(d, "checked"), this._validateField(c))
            }
            "function" === typeof this.callback && this.callback(this.errors, a);
        0 < this.errors.length && (a && a.preventDefault ? a.preventDefault() : event && (event.returnValue = !1));
        return !0
    };
    e.prototype._validateField = function (a) {
        for (var b = a.rules.split("|"), c = a.rules.indexOf("required"), d = !a.value || "" === a.value || a.value === m, l = 0, g = b.length; l < g; l++) {
            var f = b[l],
                e = null,
                h = !1,
                k = u.exec(f);
            if (-1 !== c || -1 !== f.indexOf("!callback_") || !d)
                if (k && (f = k[1], e = k[2]), "!" === f.charAt(0) && (f = f.substring(1, f.length)), "function" === typeof this._hooks[f] ? this._hooks[f].apply(this, [a, e]) || (h = !0) : "callback_" === f.substring(0, 9) && (f = f.substring(9, f.length), "function" === typeof this.handlers[f] && !1 === this.handlers[f].apply(this, [a.value, e]) && (h = !0)), h) {
                    b = this.messages[f] || s[f];
                    c = "An error has occurred with the " + a.display + " field.";
                    b && (c = b.replace("%s", a.display), e && (c = c.replace("%s", this.fields[e] ? this.fields[e].display : e)));
                    this.errors.push({
                        id: a.id,
                        name: a.name,
                        message: c,
                        rule: f
                    });
                    break
                }
        }
    };
    e.prototype._hooks = {
        required: function (a) {
            var b = a.value;
            return "checkbox" === a.type || "radio" === a.type ? !0 === a.checked : null !== b && "" !== b
        },
        "default": function (a, b) {
            return a.value !== b
        },
        matches: function (a, b) {
            var c = this.form[b];
            return c ? a.value === c.value : !1
        },
        valid_email: function (a) {
            return p.test(a.value)
        },
        valid_emails: function (a) {
            a = a.value.split(",");
            for (var b = 0; b < a.length; b++)
                if (!p.test(a[b])) return !1;
            return !0
        },
        min_length: function (a, b) {
            return h.test(b) ? a.value.length >= parseInt(b, 10) : !1
        },
        max_length: function (a, b) {
            return h.test(b) ? a.value.length <= parseInt(b, 10) : !1
        },
        exact_length: function (a, b) {
            return h.test(b) ? a.value.length === parseInt(b, 10) : !1
        },
        greater_than: function (a, b) {
            return k.test(a.value) ? parseFloat(a.value) > parseFloat(b) : !1
        },
        less_than: function (a, b) {
            return k.test(a.value) ? parseFloat(a.value) < parseFloat(b) : !1
        },
        alpha: function (a) {
            return w.test(a.value)
        },
        alpha_numeric: function (a) {
            return x.test(a.value)
        },
        alpha_dash: function (a) {
            return y.test(a.value)
        },
        numeric: function (a) {
            return h.test(a.value)
        },
        integer: function (a) {
            return v.test(a.value)
        },
        decimal: function (a) {
            return k.test(a.value)
        },
        is_natural: function (a) {
            return z.test(a.value)
        },
        is_natural_no_zero: function (a) {
            return A.test(a.value)
        },
        valid_ip: function (a) {
            return B.test(a.value)
        },
        valid_base64: function (a) {
            return C.test(a.value)
        },
        valid_url: function (a) {
            return E.test(a.value)
        },
        valid_credit_card: function (a) {
            if (!D.test(a.value)) return !1;
            var b = 0,
                c = 0,
                d = !1;
            a = a.value.replace(/\D/g, "");
            for (var e = a.length - 1; 0 <= e; e--) c = a.charAt(e), c = parseInt(c, 10), d && 9 < (c *= 2) && (c -= 9), b += c, d = !d;
            return 0 === b % 10
        },
        is_file_type: function (a, b) {
            if ("file" !== a.type) return !0;
            var c = a.value.substr(a.value.lastIndexOf(".") + 1),
                d = b.split(","),
                e = !1,
                g = 0,
                f = d.length;
            for (g; g < f; g++) c == d[g] && (e = !0);
            return e
        }
    };
    q.FormValidator = e
})(window, document);

Anbei die Meldung die ich beim Versenden der Nachricht bekomme:
Bildschirmfoto 2015-08-25 um 15.14.14.png
 
bdt600 schrieb:
Wo hast du denn das Script her und warum fragst du nicht den Hersteller, warum das nichts funktioniert? Support für Fremdscripte ist nicht so dolle :(
Zum Vergrößern anklicken....

Das Formular war in einem kostenpflichtigen Template installiert und es gibt darauf leider keinen Support. Ich bin jetzt kein ganz unerfahrener und kann bestehende Dinge gut anpassen und bearbeiten. Nur bei diesem Formular verzweifle ich.

Aber ich werde mich wohl auf die Suche nach einer Alternative machen. Hätte ja sein können, dass es ganz schnell gelöst werden kann. :)
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben