Sunday, March 15, 2015

Cara Membuat Form Verifikasi Email Dengan HTML Dan Javascript

Sobat pasti sudah tau bagaimana kira-kira form verifikasi email yang akan kita buat. Kalau sudah pernah membuat akun pada suatu website yang mengharuskan kita untuk mendaftar contohnya: facebook pasti anda sudah tahu maksud dan tujuan postingan ini. Kita akan dihadapkan pada form yang berisi user registrasi dan salah satunya adalah kotak verifikasi email.

Disini saya akan memberikan contoh script sederhana dengan HTML dan Javascript untuk membuat verifikasi email tersebut. Tampilannya masih sangat sederhana dan perlu polesan agar kelihatan lebih bagus dan menarik.


Langsung saja, Kopi teks dibawah ini dan simpan sebagai file HTML.

<html>  
 <head>  
 <script type="text/javascript" src="verifyAddress.js"></script>  
 </head>  
 <body onmousedown="show_coords(event)">  
 <form name="myform" onsubmit="return ErrorCheck();" method="post" action="">  
 <input type="hidden" name="identicalfields" value="email,emailagain">  
 <p style="width:300px; text-align:right;">Email <input type="text" name="email" size="22">  
 <br>  
 Type again <input type="text" name="emailagain" size="22">  
 </p>  
 <p style="width:300px; text-align:center;">  
 <input type="submit">  
 </p>  
 </form>  
 </body>  
 </html>

Selanjutnya script dibawah simpan sebagai verifyAddress.js

function ErrorCheck() {  
  var formname = "myform";  
  var fieldwithlist = "identicalfields";  
  var er = new String();  
  var tempstring = eval("document."+formname+"."+fieldwithlist+".value");  
  if(tempstring.length > 1) {  
   var idi = tempstring.split(',');  
   var ts0 = eval("document."+formname+"."+idi[0]+".value");  
   var ts1 = eval("document."+formname+"."+idi[1]+".value");  
   if(ts0 != ts1) { er = 'The e-mail addresses do not match. Please re-enter them again.'; }  
  }  
  if(er.length > 0) {  
   alert(er);  
   return false;  
  }  
  return true;  
 }

Silahkan di testing.... Semoga Bermanfaat.
at

No comments:

Post a Comment