Cara Membuat Contact Form dengan PHP
Play in youtube
Kali ini saya akan menjelaskan bagaimana cara membuat Contact Form ( Kontak Form ) dengan PHP dan Mysql.
Simak baik-baik jon.
Sebelum kita mulai, siapkan dulu database kalian :
1. Beri nama database "tutorial" ato mau diganti yang lain silahkan,
2. Buat table baru dengan nama "Contact",
3. Entitinya sebagai berikut :
a. id_contact (INT | AI (Auto Increment)),
b. username (VARCHAR 10),
c. email (VARCHAR 100),
d. comment (TEXT),
e. date (DATE)
Pertama-tama, kita buat dulu file dengan nama connect.php
Fungsi Koding di dalam file ini untuk melakukan koneksi ke database :
<?php
$server = "localhost";
$username = "root";
$pass = "";
$db = "tutorial"; ## Nama Database
mysql_connect($server, $username, $pass) or die("Cannot connect to server");
mysql_select_db($db) or die("Cannot connect to database");
?>
Selanjutnya buat file baru dengan nama index.php dan ketikkan kode berikut :
<?php require_once("connect.php"); require_once("contact_config.php"); ?>
<html>
<head>
<title>Contact Form</title>
</head>
<link href="style.css" rel="stylesheet" type="text/css" />
<body>
<div id="wrapper">
<div id="contactForm">
<table>
<form method="post">
<tr><td>Username</td><td><input type="text" name="username" placeholder="Required Field" value="<?php echo $_POST['username'] ?>" /></td></tr>
<tr><td>Email</td><td><input type="email" name="email" placeholder="Required Field" value="<?php echo $_POST['email'] ?>" /></td></tr>
<tr><td colspan="2">
<textarea name="comment" cols="20" rows="8"><?php echo $_POST['comment'] ?></textarea>
</td></tr>
<tr><td><?php if ($contact_error) { echo "<div class=error>$contact_error</div>"; } else { echo $contact_success; } ?></td><td><input type="submit" name="send" value="Send" /></td></tr>
</form>
</table>
</div>
</div>
</body>
</html>
Langkah 3, Agar tampilan Form terlihat lebih menarik sisipkan kode CSS berikut :
body { background: #eeeeee; margin: 0; padding: 0; }
#wrapper { width: 1000px; margin: 10px auto; }
#contactForm { background: #FFF; box-shadow: 0 0 3px #CCC; padding: 10px; border-radius: 8px; }
#contactForm table { width: 600px; margin: 0 auto; padding: 5px; background: #f8f8f8; box-shadow: 0 0 3px #CCC; border-radius: 5px; }
#contactForm td { width: 300px; padding: 4px; }
#contactForm input { width: 250px; padding: 8px; border: 1px solid #dbdbdb; outline: none; }
#contactForm input[type=submit] { background: none; border: 1px solid #00ccff; color: #00ccff; }
#contactForm input[type=submit]:hover { background: #00ccff; cursor: pointer; color: #FFF; }
#contactForm textarea { width: 545px; max-width: 545px; height: 150px; max-height: 150px; outline: none; padding: 10px; }
Langkah 4 ato langkah terakhir adalah membuat file baru dengan nama contact_config.php, sisipkan kode berikut :
<?php
error_reporting(0);
$date = date("Y-m-d");
if ($_POST['send'])
{
if (empty($_POST['username']) || empty($_POST['email']) || empty($_POST['comment']))
{
$contact_error = "<b>WARNING:</b> All fields are required.";
}
elseif (!filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
{
$contact_error = "<b>WARNING:</b> You're email is not valid.";
}
else
{
$check_user = mysql_query("SELECT * FROM Contact WHERE username='$_POST[username]' AND comment='$_POST[comment]'");
$exist = mysql_num_rows($check_user);
if ($exist == 0) {
$input = mysql_query("INSERT INTO Contact VALUES(NULL, '$_POST[username]', '$_POST[email]', '$_POST[comment]', '$date')");
if ($input) { $contact_success = "You're form has been send. Thank You."; } else { $contact_error = mysql_error(); }
} else { $contact_error = "You already sent this form."; }
}
}
?>
Sampai disini ada yang mau ditanyakan ? Jika nanti terjadi error tolong komen ya, atau masih kurang ngerti silahkan putar video yang telah saya buat di youtube. Terima kasih Jon !
No comments :
Post a Comment