Webprofis is een Forum waarin je vragen kunt stellen die webgerelateerd zijn. Heb je vragen over of problemen met je Webpagina, HTML, CSS, Javascript, PHP of andere client of serverside scriptingtalen? Stel ze dan gerust op dit forum. Op dit forum zijn een aantal vrijwilligers actief die u graag met uw vragen willen helpen en u waar mogelijk een passend antwoord aanbieden. Hebt u zelf veel ervaring en kennis met betrekking tot het bovenstaande? U bent van harte welkom om uw kennis met anderen te delen!

We hopen dat eenieder op dit Forum een leerzame ervaring mag opdoen.

Team Webprofis

uitleg contactformulier

bewerkt zo 13 dec 2015 in PHP, MySQL Posts: 879
Deze vraag van @Pvan Alphen kwam in mijn persoonlijke mail terecht; doorgezet in dit topic:

Beste,
ik heb het mail formulier van u gedownload. bij een test krijg ik bovenaan het formulier het volgende stukje code: action="">

">
Wat terug te vinden is binnen de html.
kunt u me adviseren hoe hiermee om te gaan?
dank

Reacties

  • PMPosts: 879
    om welk contactformulier gaat het precies? Er staan er een aantal in de Tuts en Scripts
  • bewerkt zo 13 dec 2015
    PMPosts: 8
  • PMPosts: 879
    Heb je het formulier online staan? Kunnen we eens meekijken in de broncode
  • bewerkt ma 14 dec 2015
    PMPosts: 8
    Yep, een test van mijn site met het formulier: test.smallinstrumentsociety.com/post.html
  • PMPosts: 879
    Omdat in je code niet alleen html staat maar ook php code mag je bestand niet op .html eindigen op het laatst. Je bestand moet eindigen op .php.
    Dus verander post.html in post.php
  • Dat ziet er al veel beter uit, dank je; maar nu moet het ook gaan werken en dat is me nog niet gelukt. Nog tips?

    http://test.smallinstrumentsociety.com/post.php
  • PMPosts: 879
    Wat werkt er niet aan>?
    Check even het volgende: op regel 6 dien je je eigen email in te vullen:

    // Vermeld hier je e-mail adres!
    $ontvanger = 'jouw@emailadres.nl';

    Als je geen mail binnenkrijgt: kijk dan even in je spambox; kan zijn dat ie als spam gezien wordt. ( ik heb zelf ook gmail en zie dat jij ook gmail hebt. Ik heb dit getrst en komt bij mij in de spambox terecht bij gmail) Maar hij doet het correct
    Pvan Alphen
  • Adres klopt wel. Ik ga verder testen.
    Veel dank!
  • Ik kom helaas niet verder. Als ik een test doe, dan krijg ik geen verzendbevestiging? Er komt ook niets binnen in mijn mail. Zou je nog eens willen kijken?
    Ik ben erg gecharmeerd van de layout en zou het formulier daarom heel graag gebruiken.
    Hier staat ie nu: http://profp.nl/post.php
  • bewerkt vr 1 jan 2016
    PMPosts: 415
    Heb je de php code in een ander bestand staan, of ook in post.php?
    Als je het in een ander bestand hebt staan, dan moet je de form action="" aanpassen naar action="pad/naar/phpcode.php"
    Pvan Alphen
  • PMPosts: 879
    Wat je zou kunnen doen is je post.php bestand even inzippen en hier als bijlage toevoegen; dan kunnen we eens kijken hoe je het hebt opgebouwd, met evt. veranderingen erin. (Onderaan in het textveld staat :"Bijlage Toevoegen")
    Pvan Alphen
  • Kijk dat is mooi! Nou doet ie het wel. Ik krijg het bericht binnen op het juiste adres.
    Na het versturen houd ik een lege pagina over, met in de url: http://profp.nl/index.php?status=success
    Is dat de bedoeling of behoor ik nog een mededeling te krijgen in de pagina, dat het bericht met succes is verstuurd?
  • Intussen de vraag van nuet binnen gekomen. Ik stuur mijn post.php in een zip mee.
    zip
    zip
    post.php.zip
    907B
  • bewerkt vr 1 jan 2016
    PMPosts: 415
    Je hoort nog iets terug te krijgen zodat het gelukt is.
    Maar als jij toch met een aparte pagina werkt, kun je misschien (tot je het allemaal beter begrijpt) misschien beter alles in ????n php pagina frotten.

    Dus copier de hele code hieronder naar ????n bestand (gewoon rechtstreeks copieeren), alleen je email-adres aanpassen op de eerste regel.
    Dus nu ook niet de form action aanpassen, want dat heb ik al gedaan. (serverside)
    Jij mag het bestand noemen zoals je wilt (geen spaties en rare characters gebruiken....bv post.php)

    <?php
    // Vermeld hier je e-mail adres!
    $ontvanger = 'jouw@mail.isp'; //AANPASSEN

    // HTML5 formulier validation: true = ja / false = nee
    $validation = true;

    // Weergave ondewerp van ontvangen email
    $onderwerp = 'Contactformulier';

    // Vermelding indien successvol verzonden:
    $success = 'Het bericht werd succesvol verzonden.<br>Indien nodig wordt er contact met u opgenomen.';

    // Vermelding voor lege velden:
    $valid = 'Vermeld uw naam, een geldig email adres en uw vraag of opmerking a.u.b.';

    // Formulier error vermelding:
    $error = 'Onze excusses, maar er is een fout ontstaan.<br>Probeer het eventueel later opnieuw.';

    // Vermelding voor spambot:
    $spambot = 'Bewijs dat je een persoon bent en geen spambot.';

    // PHP Script - Don't edit below!
    $results = array();
    if (isset($_GET['status'])) {
    if ($_GET['status'] == "success") $results['message'] = $success;
    if ($_GET['status'] == "error") $results['message'] = $error;
    }
    if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    if (empty($_POST['email'])) {
    if(empty($_POST['naam']) || empty($_POST['e-mail']) || empty($_POST['bericht']) || !filter_var($_POST['e-mail'], FILTER_VALIDATE_EMAIL)) {
    $results['message'] = $valid;
    } else {
    $body = 'Naam: '.$_POST['aanhef'].'. '.$_POST['naam']."\r\n";
    $body .= 'Website: '.$_POST['url']."\r\n";
    $body .= 'Bericht: '.$_POST['bericht'];
    $headers = 'MIME-Version: 1.0';
    $headers .= 'Content-type: text/html; charset=UTF-8'."\r\n";
    $headers .= 'From: '.$_POST['e-mail'];
    $sendmail = mail($ontvanger, $onderwerp, $body, $headers);
    if ($sendmail) {
    header("Location: ".$_SERVER['REQUEST_URI']."?status=success");
    } else {
    header("Location: ".$_SERVER['REQUEST_URI']."?status=error");
    }
    }
    } else {
    $results['message'] = $spambot;
    }
    }
    ?>
    <!DOCTYPE html>
    <html lang="nl" dir="ltr">
    <head>
    <meta charset="utf-8">
    <title>Formulier</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
    <style>
    body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    }
    ul, li {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    }
    .form {
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
    }
    li.error,
    li.success,
    input[type=text],
    input[type=email],
    button,
    textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    margin: 4px 0;
    padding: 6px 12px;
    width: 100%;
    }
    input[type=text],
    input[type=email],
    button,
    textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: normal;
    outline: 0;
    }
    input[type=email]#email {
    display: none;
    }
    button {
    cursor: pointer;
    width: auto;
    }
    textarea {
    height: 150px;
    line-height: 150%;
    overflow-x: auto;
    overflow-y: auto;
    }


    /* kleuren */

    body {
    background-color: #ffffff;
    color: #333333;
    }
    label {
    color: #555555;
    }
    li.error {
    border-color: #f00000;
    color: #f00000;
    }
    li.success {
    border-color: #468847;
    color: #468847;
    }
    input[type=text],
    input[type=email],
    textarea {
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #ffffff;
    border-color: #cccccc;
    }
    input:hover,
    input:focus,
    textarea:hover,
    textarea:focus {
    background-color: #ffffff;
    border-color: #66afe9;
    color: #222222;
    }
    :focus:invalid {
    border-color: #f00000;
    }
    :required:focus:valid {
    border-color: #468847;
    }
    button {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
    border-color: #dcdcdc;
    color: #444444;
    text-shadow: 0px 1px 0px #ffffff;
    }
    button:hover,
    button:focus {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color: #e9e9e9;
    }
    </style>
    </head>
    <body>
    <form class="form" method="post" <?php if ($validation = false) { echo "novalidate"; } ?> action="">
    <input type="email" name="email" id="email" value="">
    <ul>
    <?php if (isset($results['message'])) { ?>
    <li class="<?php if ($_GET['status'] == "success") { echo 'success'; } else { echo 'error'; } ?>">
    <?php echo $results['message']; ?>
    </li>
    <?php } ?>
    <li>
    <label for="naam">Aanhef:</label>
    <input type="radio" name="aanhef" value="Dhr" id="dhr">
    <label for="dhr">Dhr.</label>
    <input type="radio" name="aanhef" value="Mevr" id="mevr">
    <label for="mevr">Mevr.</label>
    <input type="text" name="naam" id="naam" required placeholder="Naam contactpersoon" value="">
    </li>
    <li>
    <label for="e-mail">E-mail</label>
    <input type="email" name="e-mail" id="e-mail" required placeholder="E-mail adres">
    </li>
    <li>
    <label for="url">Website:</label>
    <input type="text" name="url" id="url" placeholder="www.uw-domein.nl">
    </li>
    <li>
    <label for="bericht">Bericht:</label>
    <textarea name="bericht" required id="bericht" placeholder="Vermeld hier uw vraag of opmerking"></textarea>
    </li>
    <li>
    <button type="submit">Versturen</button>
    <button type="reset">Reset</button>
    </li>
    </ul>
    </form>
    </body>
    </html>
    Pvan Alphen
Login of Registreer om te reageren.