Tentunya sebuah form harus dilengkapi validasi agar tidak ada terjadinya pengiriman kosong,format yang tidak benar. inputan jadi semprawuttt dah pokoknya..
Nah, Biar teratur format inputanya, gue akan kasih nih, tutorial validasi untuk Inputan yang kosong,format email dan sekaligus 2 verifikasi password yang biasanya digunakan dalam form pendaftaran.
ZRACODER13
| Username | |
| Password | |
| Confirm Password |
Copy kode diatas dan save dengan nama index.php ,jangan lupa mengaktifkan “Apache”,karena disini saya meletakan di htdocs di software web server agan / tidak juga gapapa sih.
untuk script css
body {
background-color: #f5f5f5;
font-family: sans-serif;
}.body {
width: 70%;
margin: 0 auto;
padding: 0px;
}
.content {
margin: 222px auto ;
width:50%;
height: 25%;
background-color: #666;
border-radius: 10px;
}
.header {
padding: 0px;
width: 100%;
border-radius: 10px 10px 0px 0px;
background-color:#E98758;
}
.header p {
padding: 0px 20px;
font-weight: bold;
display: inline-block;
color:#272822;
}
.header a {
margin-left: 200px;
text-decoration: none;
font-size: 12px;
color: #666;
}
.header a:hover {
color: #000;
transition: 1s;
font-weight: bold;
}
table {
padding: 5px 10px;
color: #f5f5f5;
}
input {
border-radius: 5px;
height: 25px;
width: 200px;
}
input:focus {
height: 30px
width:210px;
}
.pesan-confirm {
}
.footer-table {
background-color: silver;
border-radius: 0px 0px 5px 5px;
display: inline-block;
width: 100%;
height: 40px;
}
.footer-table input {
margin: 0 auto;
height: 40px;
width: 100%;
border-radius: 0 0 5px 5px;
border:none;
font-family: Arial;
background-color: #E98758;
color: #272822;
font-weight: bold;
}
.footer-table input:hover {
background-color: #666;
color: #E98758;
transition: 1s;
border:none;
}
Save dengan nama file “style.css
Untuk script javascriptnya
//validasi inputan form ketika kosong atau belum memenuhi suatu peraturan tertentu function validasi_input[form]{
var minchar = 8; //membuat minimal char dari inputan username
pola_email=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,4}$/; //membuat pattern inputan email//validasi dimulai
if [form.username.value==""] {
alert["Username Harus Diisi!"];
form.username.focus[];
return [false];} else if [form.username.value.length
Chủ Đề