Jumat, 11 November 2016

Membuat Form Email dan Password, Tombol Masuk dan Batal dengan Disertai Javascript

   Hai.. Pada postingan kali ini tentang cara Membuat Form email dan password, tombol masuk dan batal dengan disertai javascript.
Teman-teman dapat melihat di bawah ini merupakan kode untuk membuat program tersebut.

<html>
<head>
              <title>TUGAS PEMROGRAMAN WORLD WIDE WEB</title>
<style></style>
<script type="text/javascript">
function valregister(){
        
            var x=register.txtemail.value;
            if(x==""){
                        alert("Alamat Email Masih Kosong");
                        register.txtemail.focus();
                        return false;
            }else{
            var atpos=x.indexOf("@");
            var dotpos=x.lastIndexOf(".");
            if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){
                        alert("Alamat Email Tidak Valid");
                        register.txtemail.focus();
                        return false;
            }
            }
            var z=register.txtpassword.value;
            var panjang=z.length;
            if(register.txtpassword.value==""){
                        alert("Sandi Masih Kosong");
                        register.txtpassword.focus();
                        return false;
            }
            if(panjang<5){
                        alert("Sandi Minimum 5 Karakter");
                        register.txtpassword.focus();
                        return false;
            }
        
            alert("Berhasil Masuk");
             return true;
}
</script>
</head>
<body>
<h1>LOGIN EMAIL</h1>
NAME : UMAR DAVID RAMADANI<br/><p>
TASK : FORM & LOGIN JAVASCRIPT</p>
<form name="register" action="" method="post" enctype="multipart/form-data" onSubmit="return valregister()">
  <br />
  <table align="left" width="200" border="0">


  <tr>
    <td height="32">Email</td>
    <td><input type="text" name="txtemail" id="txtemail" size="20" maxlength="50"></td>
  </tr>
  <tr>
    <td height="32">Sandi</td>
    <td><label>
      <input name="txtpassword" type="password" id="txtpassword">
    </label></td>
  </tr>


  <tr>
   <td></td>
    <td ><input  name="mlebu" type="submit" id="mlebu" value="Masuk" onsubmit="valregister()" /></td>
  </tr>
  <tr>
   <td></td>
   <td ><input name="wurung" type="reset" id="wurung" value="Batal" /></td>
  </tr>
</table>
</form>
</body>
</html>


Berikut adalah tampilan akhir kode program : 


Selamat mencoba...
 

Tidak ada komentar:

Posting Komentar