API tools faq
paste
Advertisement
arijulianto

Buat om Ardian

arijulianto
Jan 23rd, 2014
191
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.39 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  5. <script>
  6. $(function () {
  7.     $("form#frm-daftar input[name='Daftar']").click(function () {
  8.         var validation_holder = 0;
  9.  
  10.         var nama = $("form#frm-daftar input[name='nama']").val();
  11.         var check = $("form#frm-daftar input[name='check']").val();
  12.         var username = $("form#frm-daftar input[name='username']").val();
  13.         var alamat = $("form#frm-daftar textarea[name='alamat']").val();
  14.         var email = $("form#frm-daftar input[name='email']").val();
  15.         var email_regex = /^[\w%_\-.\d]+@[\w.\-]+.[A-Za-z]{2,6}$/; // reg ex email check      
  16.         var password = $("form#frm-daftar input[name='password']").val();
  17.         var repassword = $("form#frm-daftar input[name='repassword']").val();
  18.         var phone = $("form#frm-daftar input[name='phone']").val();
  19.         var phone_regex = /^[0-9]{4,20}$/; // reg ex phone check      
  20.         /* validation start */
  21.         if (nama.trim() == "") {
  22.             $("span.val_nama").html("Nama harus diisi.").addClass('validate');
  23.             validation_holder = 1;
  24.         } else {
  25.             $("span.val_nama").html("");
  26.         }
  27.         if (username.trim() == "") {
  28.             $("span.val_username").html("Username harus diisi.").addClass('validate');
  29.             validation_holder = 1;
  30.         } else {
  31.             $("span.val_username").html("");
  32.         }
  33.         if (alamat.trim() == "") {
  34.             $("span.val_alamat").html("Alamat harus diisi.").addClass('validate');
  35.             validation_holder = 1;
  36.         } else {
  37.             $("span.val_alamat").html("");
  38.         }
  39.         if (email.trim() == "") {
  40.             $("span.val_email").html("Email harus diisi.").addClass('validate');
  41.             validation_holder = 1;
  42.         } else {
  43.             if (!email_regex.test(email)) { // if invalid email
  44.                 $("span.val_email").html("Alamat email tidak valid!").addClass('validate');
  45.                 validation_holder = 1;
  46.             } else {
  47.                 $("span.val_email").html("");
  48.             }
  49.         }
  50.         if (password.trim() == "") {
  51.             $("span.val_pass").html("Password harus diisi.").addClass('validate');
  52.             validation_holder = 1;
  53.         } else {
  54.             $("span.val_pass").html("");
  55.         }
  56.         if (repassword.trim() == "") {
  57.             $("span.val_pass2").html("Repassword harus diisi.").addClass('validate');
  58.             validation_holder = 1;
  59.         } else {
  60.             if (password != repassword) {
  61.                 $("span.val_pass2").html("Password tidak cocok!").addClass('validate');
  62.                 validation_holder = 1;
  63.             } else {
  64.                 $("span.val_pass2").html("");
  65.             }
  66.         }
  67.         if (phone.trim() == "") {
  68.             $("span.val_phone").html("No Handphone harus diisi.").addClass('validate');
  69.             validation_holder = 1;
  70.         } else {
  71.             if (!phone_regex.test(phone)) { // if invalid phone
  72.                 $("span.val_phone").html("Harus diisi angka!").addClass('validate');
  73.                 validation_holder = 1;
  74.  
  75.             } else {
  76.                 $("span.val_phone").html("");
  77.             }
  78.         }
  79.  
  80.  
  81.         if (validation_holder == 1) { // if have a field is blank, return false
  82.             $("p.validate_msg").slideDown("fast");
  83.             return false;
  84.         } // else return true
  85.         /* validation end */
  86.     }); // click end
  87. })
  88. </script>
  89. <style>
  90. #error{
  91.     color:red;
  92.     padding:3px;
  93.     display:none;
  94. }
  95. </style>
  96. </head>
  97. <body>
  98.     <form action=""method="post"id="frm-daftar">
  99.      
  100.     <table width="100%" border="0">
  101.       <tr>
  102.         <td><p style="font-size:12px;"> Note: * wajib diisi</p></td>
  103.         <td>&nbsp;</td>
  104.       </tr>
  105.       <tr>
  106.         <td width="28%">Nama *</td>
  107.         <td width="72%"><input name="nama" type="text"size="30"><span class="val_nama"></span></td>
  108.       </tr>
  109.       <tr>
  110.         <td height="174">Alamat *</td>
  111.         <td><textarea name="alamat" cols="40" rows="6"></textarea><span class="val_alamat"></span></td>
  112.       </tr>
  113.       <tr>
  114.         <td>No. HP *</td>
  115.         <td><input name="phone" type="text"size="30"><span class="val_phone"></span></td>
  116.       </tr>
  117.       <tr>
  118.         <td>Pin BB</td>
  119.         <td><input name="pinbb" type="text"size="30"></td>
  120.       </tr>
  121.       <tr>
  122.         <td>E-Mail *</td>
  123.         <td><input name="email" type="text"size="30"><span class="val_email"></span></td>
  124.       </tr>
  125.       <tr>
  126.         <td>Username *</td>
  127.         <td><input name="username" type="text"size="30"><span class="val_username"></span></td>
  128.       </tr>
  129.       <tr>
  130.         <td>Password *</td>
  131.         <td><input name="password" type="password"size="30"><span class="val_pass"></span></td>
  132.       </tr>
  133.       <tr>
  134.         <td>Ulangi Password *</td>
  135.         <td><input name="repassword" type="password"size="30"><span class="val_pass2"></span></td>
  136.       </tr>
  137.       <tr>
  138.         <td colspan="2">
  139.           <input type="checkbox" name="checkbox" value="checkbox"><br> Saya menyetujui Terms & Conditions toko SerbaGratis.com
  140.        </td>
  141.        </tr>
  142.      <tr>
  143.        <td>&nbsp;</td>
  144.         <td>
  145.           <input type="submit" name="Daftar" value="Daftar">
  146.        </td>
  147.       </tr>
  148.       <tr>
  149.         <td>&nbsp;</td>
  150.         <td>&nbsp;</td>
  151.       </tr>
  152.      
  153.     </table>
  154. </body>
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!