API tools faq
paste
Advertisement
akevintg

UTS WebProg - FORM

akevintg
Apr 18th, 2016
447
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.28 KB | None | 0 0
raw download clone embed print report
  1. <!-- Latihan UTS FORM
  2. Nama >=5
  3. NIM dimulai dengan 170
  4. Password harus ada min 1 angka dan 1 huruf
  5. Semester >0
  6. Gender harus dipilih
  7. Jurusan harus dipilih
  8. Captcha random -->
  9.  
  10.  
  11. <html>
  12. <head>
  13.     <title> Latihan UTS - FORM</title>
  14. </head>
  15.  
  16. <body>
  17.     <h1>Form Registrasi UTS</h1>
  18.     <form onsubmit="validate();">
  19.         <table>
  20.             <tr>
  21.                 <td>Nama</td>
  22.                 <td><input type="text" id="nama" placeholder="Masukan Nama"></td>
  23.             </tr>
  24.             <tr>
  25.                 <td>NIM</td>
  26.                 <td><input type="text" id="nim" placeholder="Masukan NIM 170xxxxxxxxx"></td>
  27.             </tr>
  28.             <tr>
  29.                 <td>Password Bimay</td>
  30.                 <td><input type="password" id="pass" placeholder="Masukan Password"></td>
  31.             </tr>
  32.             <tr>
  33.                 <td>Semester</td>
  34.                 <td><input type="number" id="sem" value="0"></td>
  35.             </tr>
  36.             <tr>
  37.                 <td rowspan="2">Gender</td>
  38.                 <td><input type="radio" name="gender" value="male" checked="checked">Male</td>
  39.             </tr>
  40.             <tr>
  41.                 <td><input type="radio" name="gender" value="female">Female</td>
  42.             </tr>
  43.             <tr>
  44.                 <td>Jurusan</td>
  45.                 <td>
  46.                     <select id="jurusan">
  47.                         <option value="">Pilih Jurusan Anda</option>
  48.                         <option value="SOCS">SOCS</option>
  49.                         <option value="SOIS">SOIS</option>
  50.                         <option value="SOD">SOD</option>
  51.                     </select>
  52.                 </td>
  53.             </tr>
  54.             <tr>
  55.                 <td ><p style="display:inline" id="random1"></p> + <p style="display:inline" id="random2"></p></td>
  56.                 <td><input type="text" id="captcha" placeholder="masukan hasil yang benar"></td>
  57.             </tr>
  58.             <tr>
  59.                 <td><input type="reset" value="Reset"></td>
  60.                 <td><input type="submit" value="Submit"></td>
  61.             </tr>
  62.         </table>
  63.     </form>
  64.     <script>
  65.         var x = Math.floor((Math.random() * 10) + 1);
  66.         var y = Math.floor((Math.random() * 10) + 1);
  67.         document.getElementById("random1").innerHTML = x;
  68.         document.getElementById("random2").innerHTML = y;
  69.         function validate(){
  70.             var nama = document.getElementById("nama").value;
  71.             var str = "170";    
  72.             var nim = document.getElementById("nim").value;
  73.             var pass = document.getElementById("pass").value;
  74.             var sem = document.getElementById("sem").value;                
  75.             var gender = document.getElementsByName("gender");
  76.             var jur = document.getElementById("jurusan");
  77.             var captcha = document.getElementById("captcha");
  78.             if(nama.length<5){
  79.                alert("Nama minimal 5 karakter!");
  80.            }
  81.            else if(isNaN(nim)||nim.search(str)!=0){
  82.                 alert("Nim harus angka dimulai dengan 170xxxxxxxxx");
  83.            }
  84.            else if(pass.search(/[a-zA-Z]/)==-1||pass.search(/[1-9]/)==-1){
  85.                alert("Password harus mengandung Huruf dan angka");
  86.            }
  87.            else if(sem=="0"){
  88.                 alert("Semester tidak valid");
  89.            }              
  90.            else if(!gender[0].checked&&!gender[1].checked){
  91.                alert("Gender harus di pilih");
  92.            }
  93.            else if(jur.options[jur.selectedIndex].value==""){
  94.                 alert("Jurusan harus di pilih");
  95.            }
  96.            else if(captcha.value!=(x+y)){
  97.                 alert("Captcha salah");
  98.            }
  99.            else{
  100.                 alert("Sukses mendaftar")
  101.            }
  102.        }
  103.    </script>
  104. <body>
  105. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!