Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 835 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     Programming     PHP and MySQL :

Contact form

Thread title: Contact form
Reply    
    Thread tools Search this thread Display Modes  
08-14-2012, 09:08 AM
#1
Trustworthy is offline Trustworthy
Status: Junior Member
Join date: May 2012
Location:
Expertise:
Software:
 
Posts: 98
iTrader: 2 / 100%
 

Trustworthy is on a distinguished road

  Old  Contact form

Hey guys,

I'm trying to implement a working contact form into my design (which I want to sell on themeforest).

I've been looking around google and trying to find a tutorial or script I could learn from but I can't seem to figure it out...

Right now I have a contact form with a javascript to check if the fields are filled correctly and that's about it...

Could anyone tell me what files I need excactly? Or explain the common structure of a working contact form? (PHP or Ajax?)

Thanks guys,

Kind regards

08-14-2012, 02:29 PM
#2
Gaz is offline Gaz
Gaz's Avatar
Status: Request a custom title
Join date: Apr 2007
Location: UK
Expertise: Code & Programming
Software: Coda, TextMate, Sublime 2
 
Posts: 2,097
iTrader: 26 / 100%
 

Gaz will become famous soon enough Gaz will become famous soon enough

Send a message via Skype™ to Gaz

  Old

Are you sure you've googled it? There are lots of tutorials if you search php contact form...

Reply With Quote
Thanked by:
Village Genius (08-14-2012)
08-14-2012, 05:55 PM
#3
Trustworthy is offline Trustworthy
Status: Junior Member
Join date: May 2012
Location:
Expertise:
Software:
 
Posts: 98
iTrader: 2 / 100%
 

Trustworthy is on a distinguished road

  Old

I have googled it...

Problem is I don't know how to begin with such a task.... I've found this:

http://midmodesign.com/news/coding/j...with-honeypot/

I don't understand it... When i try it on my server it just fails..

Reply With Quote
08-14-2012, 08:44 PM
#4
Gaz is offline Gaz
Gaz's Avatar
Status: Request a custom title
Join date: Apr 2007
Location: UK
Expertise: Code & Programming
Software: Coda, TextMate, Sublime 2
 
Posts: 2,097
iTrader: 26 / 100%
 

Gaz will become famous soon enough Gaz will become famous soon enough

Send a message via Skype™ to Gaz

  Old

Have you seen this site?

http://safalra.com/programming/php/c...feedback-form/

It is the #1 result for 'php contact form secure'. It's a matter of copy, paste, change some variables and upload

08-14-2012, 09:41 PM
#5
Trustworthy is offline Trustworthy
Status: Junior Member
Join date: May 2012
Location:
Expertise:
Software:
 
Posts: 98
iTrader: 2 / 100%
 

Trustworthy is on a distinguished road

  Old

So my "contact.html" should be changed in "contact.php"

then I just paste that code where my <form> is now?

I'm really a php noob -_-

Kind regards, and thanks for answering!

Reply With Quote
08-14-2012, 10:22 PM
#6
Village Genius is offline Village Genius
Village Genius's Avatar
Status: Geek
Join date: Apr 2006
Location: Denver, CO
Expertise: Software
Software: Chrome, Notepad++
 
Posts: 6,894
iTrader: 18 / 100%
 

Village Genius will become famous soon enough

  Old

Different servers behave differently here, in general it's best to keep all PHP in a .php file.

Reply With Quote
09-21-2012, 10:26 PM
#7
franta26 is offline franta26
Status: I'm new around here
Join date: Sep 2012
Location:
Expertise:
Software:
 
Posts: 2
iTrader: 0 / 0%
 

franta26 is on a distinguished road

  Old

I recommend to learn PHP basics, just to understand who this language works. Scripts like contact form can be easily downloaded from the internet, e. g. from Hotscripts.

I recommend to learn how the PHP variables work, how does "echo" work a you will be able to customize any downloaded script.

However, as the Themeforest customer (I have bought two designs so far, but checked out hundreds), I would not expect working PHP code in the website template. In fact, for me it is better just designed contact form because I want to implement my own contact form script with my own spam protection. So maybe it would be better for you to work only on the design.

05-02-2013, 07:50 PM
#8
david_of_makurl is offline david_of_makurl
Status: I'm new around here
Join date: May 2013
Location: cleveland, Ohio, America
Expertise: programming/design
Software: notepad,microsoft paint
 
Posts: 14
iTrader: 0 / 0%
 

david_of_makurl is on a distinguished road

  Old  sample script

a contact form with ([input validation]-> check to see if what the user inputs is credible contact information i.e email with @ and .com, or not a blank message) can be implemented in three part using html, javascript/jquery and php will handle the sending of the mail.

requires the jquery library which can be downloaded from the jquery site.


javascript/jquery:
<script> // i usually put in the header of the html document
$(document).ready(function(){ // wait for the DOM to be fully loaded befor executing the function
$('.sendbutton').click(function(){ //when the sendbutton is clicked

var email = document.getElementById('email'); get the value of the element with an id of email
var name = document.getElementById('name'); get the value of the element with an id of name
var message = document.getElementById('message'); get the value of the element with an id of message

var at = email.indexOf("@"); // checks if the symbol @ is in the email string *note returns -1 if the symbol is not found
var dot = email.indexOf("."); // checks if the symbol . is in the email string
*note returns -1 if the symbol is not found
if(email != ' ' && (at != -1) && (dot != -1) ){ // proceede only if it is valid email address i.e contains @ and a . plus given the user entered an email
if(name != ' '){ // if the name is not left black
if(message != ' '){ // if the message is not left black
$.post('phpfile.php', {email:email,name:name,message:message},function(d ata){ //use jquery post to submit the data to the php file
alert(data); // alerts the output of the php file
document.getElementById('email') = ' '; // clear the current email value
document.getElementById('name') = ' '; // clear the current name value
document.getElementById('message') = ' '; //clear the current message value
});
}else alert("enter a message");// if there is a blank message value alert the user to enter a message
}else alert("enter a name"); // if there is a blank name alert the user to enter a name
}else alert("invalid email"); // if there is an invalid email, alert the user to enter an email

});//closing the click event
}); // closing the document.ready (handler?)
</script>

php: //the php section
$email = $_POST['email']; // recieve the email by post
$name = $_POST['name']; // recieve the name by post
$message = $_POST['message']; // recieve the message by post

$headers = "From: ".$contactor; // the php mail function reaquires a header
$subject = "Email: ".$email; // a subject
$message = "MESSAGE HEADER\n"; // and a message *note the \n is user to (idrk allow for concatenation of another message block and the .= completes the concatenation
$message .= $message;

if(mail("youremailaddresshere@emailprovider.com",$ subject,$message,$headers)){ // calls the php mail function to send the message to any email address you specify
echo "success"; // if the message is sent display success
}else{ echo "message not sent"; // if there is an error | display message not sent | note an error may be caused by not having your php mail function enable, ports not being set | lots of things which can be handled by searching on google or more specifically stackoverflow

}
html: // html section
<table><tr><td> // create a table present the form elements nicely
<input type='text' id='email' value='' /> // input element to get the user's email * note the lack of an actual form (element?) because jquery will handle the form submit
</td></tr><tr><td>
<input type='text' id='name' value='' /> // input text element for name
</td></tr><tr><td>
<textarea id='message' rows='20' cols='5'>message...</textarea>// note document.getElementBy id may not work with textarea so you may have to use an input element instead
</td></tr><tr><td>
<button id='sendbutton' type='button'>send</button> // button element to trigger the javascript click event to process the "form"
</td></tr>
</table>

Even though this may seem complicated if you are a beginner, it is
straightforward and if carried out exactly (making sure to download the required jquery library and if your mail function is correctly configured) it will produce a modern contact form * note you can use $('divelement').html("alert message here"); to display error messages to the user through the page instead of using the alert feature, it may integrate better with your page.* If this is not too much to process it would serve your inquiry adequately

Reply With Quote
Reply    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed