API tools faq
paste
Guest User

Untitled

a guest
Oct 2nd, 2018
172
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.67 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>Login</title>
  4. <link rel="stylesheet" href="desainlogin.css" media="screen">
  5. </head>
  6.  
  7. <body background="background2.jpg">
  8.  
  9. <script type="text/javascript">
  10. function validasi_input(form){
  11. pola_email=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
  12. pola_tanggal=/^[0-9]{2}\/[0-9]{2}\/[0-9]{4}$/;
  13. if (form.nama.value.length > 50 && form.nama.value.length !=0){
  14. alert("Nama maksimal 50 Karater!");
  15. form.nama.focus();
  16. return (false);
  17. }
  18. else if (form.nama.value == ""){
  19. alert("Harap isi data dengan lengkap!");
  20. form.nama.focus();
  21. return (false);
  22. }
  23. else if (!pola_email.test(form.email.value)){
  24. alert ("Penulisan Email tidak benar");
  25. form.email.focus();
  26. return (false);
  27. }
  28. else if (form.nohp.value.length < 10 || form.nohp.value.length > 12){
  29. alert("No.handphone Minimal 10 Karater dan Maksimal 12 Karater!");
  30. form.nohp.focus();
  31. return (false);
  32. }
  33. else if (isNaN(form.nohp.value)) {
  34. alert("Nomor Handphone tidak valid!");
  35. form.nohp.focus();
  36. return (false);
  37. }
  38. else if (!pola_tanggal.test(form.tgllahir.value)){
  39. alert ("Penulisan Tanggal Lahir harus sesuai format dd/mm/yyyy");
  40. form.tgllahir.focus();
  41. return (false);
  42. }
  43.  
  44. return (true);
  45. }
  46. </script>
  47. <div class="login">
  48. <form action="index.html" method="POST" onsubmit="return validasi_input(this)">
  49. <div>
  50. <label>Nama</label>
  51. <input type="text" name="nama" id="nama" />
  52. </div>
  53. <div>
  54. <br><label>Alamat</label>
  55. <textarea cols="40" rows="5" name="alamat" id="alamat"></textarea>
  56. </div>
  57. <div>
  58. <br> <label>Email</label>
  59. <input type="email" name="email" id="email" />
  60. </div>
  61.  
  62. <div>
  63. <br><label>No. Handphone</label>
  64. <input type="nohp" name="nohp" id="nohp" />
  65. </div>
  66.  
  67. <div >
  68. <br> <label>Jenis Kelamin</label> <br><br>
  69. <input type="radio" name="gender" value="laki-laki" > Laki-laki<br>
  70. <input type="radio" name="gender" value="perempuan"> Perempuan
  71. </div>
  72.  
  73. <div>
  74. <br><label>Tanggal Lahir</label>
  75. <input type="date" id="tgllahir" name="tgllahir" min="01-01-1900" max="31-12-2018" required />
  76. </div>
  77.  
  78. <div>
  79. <br> <label>Rubik Yang Disukai: <select name="rubik"></label>
  80. <option value="pilih" selected>--Pilih--</option>
  81. <option value="opini">Opini</option>
  82. <option value="olahraga">Olahraga</option>
  83. <option value="ekonomi">Ekonomi</option>
  84. <option value="politik">Politik</option>
  85. <option value="sosial">Sosial</option>
  86. <option value="bisnis">Bisnis</option>
  87. <option value="kesehatan">Kesehatan</option>
  88. <option value="pendidikan">Pendidikan</option>
  89. <option value="teknologi">Teknologi</option>
  90. <option value="seni">Entertain dan Seni</option>
  91. </select>
  92. </div>
  93.  
  94. <div>
  95. <br><br> <input type="submit" value="Daftar" class="tombol">
  96. </div>
  97.  
  98. </form>
  99. </div>
  100. </body>
  101. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!