Validasi cek form inputan text empty dengan jquery

Posting Komentar

Validasi cek form inputan text empty dengan jquery cara ini mungkin sudah sering anda gunakan untuk mengecek inputan data yang kosong didalam form inputan tapi disini akan saya berikan contoh sederhanannya hanya dengan menggunakan Jquery tanpa basa basi silakan copy Jquery dibawah ini :

Copy Jquery dibawah ini :
<script src="https://cdn.jsdelivr.net/jquery.validation/1.15.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.15.0/additional-methods.min.js"></script>

Copy lagi script dibawah ini
<script>
   $(document).ready(function () {
     $('#cekinputan').validate({
         rules: {
          _name: "required",
             _noKtp: "required",
             _tempat: "required",
            
         },
         messages: {
          _name: "Silakan isi nama lengkap ",
          _noKtp: "silakan input nomer KTP",
          _tempat: "Silakan input tempat lahir sesuai edintitas",
      }
     });
   });
</script>

Copy juga form dibawah ini
<form method="POST" id="cekinputan">
    <div class="form-group">
     <input type="text" class="form-control areakontak" name="_name" id="_name" placeholder="Nama Lengkap" required>
    </div>
    <div class="form-group">
     <input type="text" class="form-control areakontak" name="_noKtp" id="_noKtp" placeholder="No Edintitas(KTP)" required onkeypress="return hanyaAngka(event, false)" maxlength="17">
    </div>
    <div class="form-group">
     <textarea name="_tempat" id="_tempat" placeholder="Tempat Lahir" class="form-control areakontak" maxlength="300" required></textarea>
    </div>
    <div class="form-group">
 <center>
 <button type="submit" class="btn btn-danger btn-grn">KIRIM 
  <i class="fa fa-arrow-right" style="border-radius: 25px; border: 1px solid; padding: 6px;"></i>
 </button>
 </center></div>
</form>


Silakan dipelajari dan kembangkan sendiri Validasi cek form inputan text empty dengan jquery bisa anda gunakan juga untuk semua form inputan dilembar kerja anda.


Related Posts

Posting Komentar