Validasi Form/Inputan Email Menggunakan Java Script - Asalamualaikum kawan, apa kabar? Semoga ente disana masih dalam keadaan terbaik ente, tiada galau di antara kita. hehehe... Okey, kali ini saya akan membahas tentang "Validasi Form/Inputan Email Menggunakan Java Script", nah dari judulnya aja udah kelihatan ya, script yang bakalan kita bahas ini untuk apa? :p
 |
| Validasi Form/Inputan Email Menggunakan Java Script |
Pada pertemuan sebelumnya kita telah membahas tentang "Input Validasi Java Script, Jika Form Kosong Data Tidak Di Proses". Nah, mungkin pada tutorial kali ini hampir sama dengan yang saya maksud tadi, tapi dalam tutorial kali ini terdapat beberapa fungsi dari java script untuk memfilter "@" dan ".". Hehehe...
Hanya terdapat 2 file pada bahasan kali ini, yaitu file "form_email.php" dan file "proses_email.php". Karena hanya sebagai permisalan saja, pada file "proses_email.php" hanya berisi script yang berfungsi untuk hanya menampilkan isi email dari "form_email.php".
form_email.php
<!DOCTYPE html>
<html>
<head>
<script>
function validateForm()
{
var x=document.forms["myForm"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert("Not a valid e-mail address");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="form_proses.php" onSubmit="return validateForm();" method="post">
Email: <input type="text" name="email">
<input type="submit" value="Submit">
</form>
</body>
</html>
<html>
<head>
<script>
function validateForm()
{
var x=document.forms["myForm"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert("Not a valid e-mail address");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="form_proses.php" onSubmit="return validateForm();" method="post">
Email: <input type="text" name="email">
<input type="submit" value="Submit">
</form>
</body>
</html>
form_proses.php
<?php
$email = $_post['email'];
echo $email;
?>
$email = $_post['email'];
echo $email;
?>
Penjelasan :
Pada bagian "form_email.php" terdapat script var atpos=x.indexOf("@"); dan var dotpos=x.lastIndexOf("."); nah ini yang saya maksud sebagai filter "@" dan ".". Dan pada "form_proses.php" disitu hanya mempunyai fungsi untuk mengambil nilai email dan menampilkannya.
Cupup sekian tutorial saya yang membahas tentang "Validasi Form/Inputan Email Menggunakan Java Script". Semoga saja dapat bermanfaat, jangan lupa sebelum pergi meninggalkan komentar di bawah ini. :p Terima kasih. Hehehe... :p
0 Komentar