Javascript

JavaScript

Contoh Soal javascript :

Soal

Buatlah form Pendaftaran email, dilengkapi javascript

<html>
<head>
              <title>Tugas 1 Javascript</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<8){
                        alert("Sandi minimum 8 karakter");
                        register.txtpassword.focus();
                        return false;
            }
       
            alert("Berhasil Masuk");
             return true;
}
</script>
</head>
<body>
Nama : CHALIMATUS SOLIKHA <br/><p>
Tugas 1 : Form Login Html + Javascript</p>
<h1>Masuk Email</h1>

<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>

ini hasilnya:....


Komentar

Postingan Populer