Validasi Penulisan Email

Validasi Penulisan Email

  • Validasi Penulisan Email

    Validasi penulisan email adalah yang paling sering di gunakan, karena alamat email memiliki karakter khusus yaitu @ dan .(titik), jika nama form inputnya dalah email, maka code javasciptnya adalah sebagai berikut :


    <script type="text/javascript">
    function validasi_input(form){
      pola_email=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
      if (!pola_email.test(form.email.value)){
        alert ('Penulisan Email tidak benar');
        form.email.focus();
        return false;
      }
      return (true);
    }
    </script>  
    Semoga srtikel ini sangat bermanfaat..! 
    jangan Menyerah tetap semangat..! 
Validasi Input Hanya Angka

Validasi Input Hanya Angka

  • Input Hanya Angka

    Kasus yang cocok misalnya dalah input No Telp/Hp pada form, ok tanpa tunggu lama-lama :Dlangsung buat form nya, kalo males, ni kode form nya

    <form method="post" action="aksi.php" onsubmit="return validasi_input(this)">
    <p>Telp/Hp : <input name="telp" type="text"></p>
    <p><input name="" type="submit" value="Submit"></p>
    </form>
Validasi Untuk Combobox

Validasi Untuk Combobox

  • Validasi Untuk Combobox

    Seperti biasa sediakan sebuah form berType Combobox, saya mencotohkan pada pilihan Agama, dimana user harus memilih salah satu dari agama, Berikut kode formnya
    <form method="post" action="aksi.php" onsubmit="return validasi_input(this)">
    <p>Agama: <select name="agama">
              <option value="pilih" selected>--Pilih--</option>
              <option value="islam">Islam</option>
              <option value="kristen">Kristen</option>
              <option value="katolik">Katolik</option>
              <option value="hindu">Hindu</option>
              <option value="budha">Budha</option>
              </select></p>
    <p><input name="" type="submit" value="Submit"></p>
    </form>
Minimal Inputan dan hanya Huruf atau Angka

Minimal Inputan dan hanya Huruf atau Angka

  • Minimal Inputan dan hanya Huruf atau Angka

    Gunakan form username saja sebagai contoh, dan ganti JavaScriptnya menjadi berikut
    <script type="text/javascript">
    function validasi_input(form){
       pola_username=/^[a-zA-Z0-9\_\-]{6,100}$/;
       if (!pola_username.test(form.username.value)){
          alert ('Username minimal 6 karakter dan hanya boleh Huruf atau Angka!');
          form.username.focus();
          return false;
       }
    return (true);
    }
    </script>
 Membatasi Minimal Inputan

Membatasi Minimal Inputan

  • Membatasi Minimal Inputan

    Gunakan form username diatas sebagai contoh, dan ganti JavaScriptnya menjadi berikut
    <script type="text/javascript">
    function validasi_input(form){
      var mincar = 5;
      if (form.username.value.length < mincar){
        alert("Panjang Username Minimal 5 Karater!");
        form.username.focus();
        return (false);
      }
       return (true);
    }
    </script>
     
    Jadi ketika isi dari form username panjangnya kurang dari 5, maka akan muncul alert “Panjang Username Minimal 5 Karakter”

    lanjut.....!
Java Script untuk validasi form input

Java Script untuk validasi form input

Untuk yang pertama kali, saya ingin berbagi bagaimana cara menggunakan Java Script untuk validasi form input, dengan berbagai jenis form. Validasi sendiri merupakan suatu cara untuk mendapat kan data yang sebenarnya dari User yang mengisikan data pada form yang di sediakan, ok langsung saja di bahas yuuk…

  • Mencegah Inputan Kosong

    Misalnya ada sebuah form katakanlah username, kita ingin user mengisikan  data (username nya) di sana dan tidak boleh kosong. Berikut Kode Form nya :
    --------------------------------------------------------------------------------------------------------
     
    <form method="post" action="aksi.php" onsubmit="return validasi_input(this)">
    <p>Username: <input name="username" type="text"></p>
    <p><input name="" type="submit" value="Submit"></p>
    </form>
     
    ----------------------------------------------------------------------------- 
    Pada form tersebut terdapat kode onsubmit=”return validasi_input(this)” , fungsinya adalah ketika tombol Submit di klik maka akan menuju ke function validasi_input pada JavaScript sebelum ke action=”aksi.php”, Berikut Kode JS nya, letakkan di atas Form ya..
    ---------------------------------------------------------------------------------------------
    <script type="text/javascript">
    function validasi_input(form){
      if (form.username.value == ""){
        alert("Username masih kosong!");
        form.username.focus();
        return (false);
      }
    return (true);
    }
    </script>
    ----------------------------------------------------------------------- 
     
    Ketika from dengan nama username valuenya == ” ” (kosong) maka akan muncul alert “Username masih kosong” dan from username akan focus.... lanjuttt

About

Text Widget

Page views

About me

Flickr Widget

Latest Posts

Comments

Trending Topic

Ads 468x60px

Followers

About Me

My Photo
"jika anda bisa membuat orang lain bisa tertawa, maka anda akan mendapatkana semua cinta yang di inginkan"

Featured Posts Coolbthemes