API tools faq
paste
Advertisement
kuchuz

Tugas 8 PWEB-D tugas2.php

kuchuz
Dec 31st, 2021
910
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 5.38 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <style type="text/css">
  8.     .labelfrm {
  9.         display:block;
  10.         font-size:small;
  11.         margin-top:5px;
  12.     }
  13.     .error {
  14.         font-size:small;
  15.         color:red;
  16.     }
  17.     .h1 {
  18.         font-family:'Times New Roman', Times, serif;
  19.     }
  20.     </style>
  21.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  22.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  23.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
  24.     <title>Validasi Form dengan jQuery</title>
  25. </head>
  26. <body>
  27.     <div class="container-fluid">
  28.         <center><h1>Data Mahasiswa</h1></center>
  29.             <form id="form-mhs">
  30.                 <div class="form-group">
  31.                     <label class="labelfrm">NRP</label>
  32.                     <input class="required form-control" size="15" type="text" name="nrp" id="nrp" maxlength="14" required>
  33.                 </div>
  34.  
  35.                 <div class="form-group">
  36.                     <label class="labelfrm">Nama</label>
  37.                     <input size="30" class="required form-control" type="text" name="nama" id="nama" maxlength="50" required>
  38.                 </div>
  39.  
  40.                 <div class="form-group">
  41.                     <label class="labelfrm">Alamat</label>
  42.                     <textarea cols="40" rows="4" class="required form-control" name="alamat" id="alamat" required></textarea>
  43.                 </div>
  44.  
  45.                 <div class="row row-space">
  46.                     <div class="col-2">
  47.                         <div class="form-group">
  48.                             <label class="labelfrm">Tanggal Lahir</label>
  49.                             <input size="15" class="required form-control" type="date" name="tanggal" id="tanggal" required>
  50.                         </div>
  51.                     </div>
  52.  
  53.                     <div class="col-2">
  54.                         <div class = "form-group">
  55.                             <label class="labelfrm">Umur</label>
  56.                             <input size="15" class="required form-control" type="number" name="umur" id="umur" required>
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.  
  61.                 <div class = "form-group">
  62.                     <label class="labelfrm">Email</label>
  63.                     <input size="50" class="required form-control" type="email" name="email" id="email" required>
  64.                 </div>
  65.  
  66.                 <div class = "form-group">
  67.                     <label class="labelfrm">Situs Website</label>
  68.                     <input size="50" class="form-control" type="url" name="situs" id="situs" required>
  69.                 </div>
  70.  
  71.                 <div class = "form-group">
  72.                     <label class="labelfrm">Password</label>
  73.                     <input size="15" class="required form-control" type="password" name="password1" id="password1" required>
  74.                 </div>
  75.  
  76.                 <div class = "form-group">
  77.                     <label class="labelfrm">Konfirmasi Password</label>
  78.                     <input size="15" class="required form-control" type="password" name="password2" id="password2" required>
  79.                 </div>
  80.  
  81.                 <div class="p-t-15">
  82.                     <input type="submit" name="Submit" value="Simpan" class="btn btn-primary"/>
  83.                 </div>
  84.             </form>
  85.         <br/>
  86.         <br/>
  87.         <br/>
  88.         <br/>
  89.         <center><a href="index.php" class="btn btn-primary">Menuju Tugas ke 1</a></center>
  90.         <br/>
  91.     </div>
  92.     <script type="text/javascript">
  93.         $(document).ready(function() {
  94.             $('#form-mhs').validate({
  95.                 rules: {
  96.                     nrp: {
  97.                         digits: true,
  98.                         minlength: 14,
  99.                         maxlength: 14
  100.                     },
  101.  
  102.                     umur: {
  103.                         digits: true,
  104.                         range: [0, 100]
  105.                     },
  106.  
  107.                     email: {
  108.                         email: true
  109.                     },
  110.  
  111.                     situs: {
  112.                         url: true
  113.                     },
  114.  
  115.                     password2: {
  116.                         equalTo: "#password1"
  117.                     }
  118.                 },
  119.  
  120.                 messages: {
  121.                     nrp: {
  122.                         required: "Kolom NRP harus diisi",
  123.                         minlength: "Kolom NRP harus 14 digit",
  124.                         maxlength: "Kolom NRP harus 14 digit"
  125.                     },
  126.  
  127.                     nama: {
  128.                         required: "Kolom nama harus diisi"
  129.                     },
  130.  
  131.                     alamat: {
  132.                         required: "Kolom alamat harus diisi"
  133.                     },
  134.                    
  135.                     tanggal: {
  136.                         required: "Kolom tanggal lahir harus diisi",
  137.                     },
  138.  
  139.                     umur: {
  140.                         required: "Kolom umur harus diisi"
  141.                     },
  142.  
  143.                     email: {
  144.                         required: "Kolom email harus diisi",
  145.                         email: "Masukkan format email dengan benar"
  146.                     },
  147.  
  148.                     situs: {
  149.                         required: "Kolom situs website harus diisi",
  150.                         url: "Masukkan format situs website dengan benar"
  151.                     },
  152.  
  153.                     password1: {
  154.                         required: "Kolom password harus diisi"
  155.                     },
  156.  
  157.                     password2: {
  158.                         required: "Kolom konfirmasi password harus diisi",
  159.                         equalTo: "Password tidak sama"
  160.                     }
  161.                 }
  162.             });
  163.         });
  164.     </script>
  165. </body>
  166. </html>
  167.  
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!