Submit buton - kontakt forma

Dakle upravo editiram neki template i sad trebam negdje definirati na koji mail da se salje poruka kada se klikne na submit button.
U HTML-u imam samo ovo:

<a href="#" data-type="submit" class="btn btn-primary btn2">Submit</a>

Imam neke externe JS fajlove pa sad neznam jel trebam ja to ubaciti negdje u JS??

Hvala!

Daj čitavu formu, i te JS.

 <h5>Forma za kontakt</h5>
            <form id="contact-form">
                <div class="success"> Contact form submitted! <strong>We will be in touch soon.</strong> </div>
                <fieldset>
                        <div class="form-div-1">
                            <label class="name">
                            <input type="text" value="Name*:">
                            <br>
                            <span class="error">*This is not a valid name.</span> <span class="empty">*This field is required.</span> </label>
                        </div>
                        <div class="form-div-2">
                            <label class="email">
                            <input type="email" value="Email*:">
                            <br>
                            <span class="error">*This is not a valid email address.</span> <span class="empty">*This field is required.</span> </label>
                        </div>
                        <div class="form-div-3">
                            <label class="phone notRequired">
                            <input type="tel" value="Phone:">
                            <br>
                            <span class="error">*This is not a valid phone number.</span> <span class="empty">*This field is required.</span> </label>
                        </div>
                        <label class="message">
                        <textarea>Message*:</textarea>
                        <br>
                        <span class="error">*The message is too short.</span> <span class="empty">*This field is required.</span>                            </label>
                    <div class="btns">
                         <a href="#" data-type="submit" class="btn btn-primary btn2">Submit</a> Submit</a>
                        <p>*required fields</p>
                    </div>
                </fieldset>
            </form>

http://speedy.sh/vG5NQ/forms.js

Evo ovdje je JS…nisam htio kopirati sve, kad je jako puno teksta…ja mislim da je to taj js

Potreban ti je dio koji ce poslati formu, a to se odvija na serveru, znaci treba ti malo PHP-a.Imas tutorijala na netu, pogledaj.

I da ovo ti nece raditi bez nekog serverskog okruzenja, preporucujem XAMPP.

1 Like

Potreban ti je PHP kod koji salje podatke. JavaScript je client-side i on ne moze poslati to. Pozz

1 Like

Jel bi mi mogli pomoc oko toga kad budem pri kraju sa radom, jer ja neznam nista oko PHP-a
Ja sam mislio da cu samo negdje u HTML-u ubaciti dio koda koji ce to slati na mail…pojma nisam imao da za to treba PHP…zato sam isao na cim jednostavnije rijesenje…
Pogledat cu malo tutorijale po netu, ali ako ne skuzim to, stvarno bi mi znacilo ako bi mi mogli pomoci, ako tu nema puno posla?

Nisam Back-end developer, ali znam sta treba raditi, tako da mogu pomoci.

1 Like

Guglaj free php email form i uzmi ono što odgovara tvojim potrebama.
Evo, recimo, prvi rezultat je http://www.freecontactform.com/email_form.php
Ne treba ti nikakvo znanje PHP-a. U PHP-u samo upiši adresu na koju želiš primati mailove i prevedi poruke (ako treba) i to je to.
Onaj HTML dio ubaci gdje hoćeš i prilagodi ga svom dizajnu.

1 Like

Hvala na pomoci…pokusat cu sam, pa ako ne ide, onda se javim :wink:

Ne vjerujem da cu moci sam ovo napraviti…jel bi imao netko malo vremena da mi pomogne… znaci kako ste rekli, trebalo bi valjda ubaciti malo PHP-a da proradi ona kontakt forma…jel bi mi mogao netko pomoci…bio bih vam jako zahvalan!!

možda ovo pomaže
http://www.html-form-guide.com/contact-form/contact-form-attachment.html
ili pošalji php fajlove da pogledam…

A kako pozivaš send-mail.php skriptu?
Vidim da je u dizajnu submit gumb napravljen kao link. Može se i preko linka ali ti radje testiraj preko input type submit gumba.

“Action” poziva php skriptu:

<input type "submit" action="send-mail.php" value="pošalji" name="submit"/>

I nemoj testirati slanje maila preko xampp/wamp platforme već na pravom online serveru.

Ako si sa PHP nula, možda ti pomogne da ponekad na nekim cpanel serverima ima usluga za kontakt forme, doslovno copy paste, pa prilagodiš. Katastrofa riješenje ali radi, i eto na jednoj stranici od prije 7-8 godina kada sam radio HTML, vidim da još uvijek radi, stoji isporučuje.

Druga ocpija složiti mailer po nekom tutorijalu, staviš link na skriptu u action i to je to, ili u skripti provjeriš da li je submit stisnut(donji primjer)

dakle na kraju obične HTML forme imaš nešto ovako.

<input name="sendMail" id="sendMail" type="submit" value="pošalji upit" />   

U vrhu stranice pozoveš svoju skriptu za slanje:

<?php require_once('scripts/mail.php'); ?>

A onda u mail.php fajlu staviš skriptu koja mail šalje.

Ona provjerava prvo da li je submit stisnut:

if(isset($_POST['sendMail'])){.....možda koja provjera polja forme

Te onda ide slanje (copy paste nečeg sličnog):

    $message='Ime i prezime: '.$ime."<br />\r\n";
    $message.='Email: '.$email."<br />\r\n";

    $to = $destinationEmail;
    $subject = 'Upit';
    
    $myEmail="[email protected]";
    
    //ENCODING
    $headers  = 'MIME-Version: 1.0' . "\r\n";
    $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
    $headers .= 'From:'.$myEmail."\r\n";
    $headers .= 'Reply-To:'.$email."\r\n";
    $headers .= 'Bcc: [email protected]' . "\r\n";
    $success = mail($to, $subject, $message, $headers);

Rješeno je s php skriptom za kontakt formu, te je u html-u pozvano s frejmom.
Imao je već napravljenu stranicu u html-u, te sam prilagodio design njegovom.