Cara Membuat Validasi Dengan Javascript

Suka-suka banyak jenis form yang diperuntukan untuk para pengguna saat ikut ke sebuah halaman web. Form digunakan di halaman web buat pengguna untuk menjaringkan detail yang diperlukan nan selanjutnya mengirimkannya ke peladen untuk diproses.

Pada JavaScript juga disediakan form. JavaScript menyediakan form konfirmasi nan boleh digunakan oleh para konsumen. Pada artikel kali ini Codekey akan membahas tentang validasi form JavaScript.

Validate Form JavaScript

javascript

Validate form umumnya terjadi di server, sesudah klien memasukkan semua data yang diperlukan dan kemudian menekan tombol ‘Send’. Jika data yang dimasukkan maka dari itu klien salah atau hilang sedemikian itu saja, server harus mengirim semua data lagi ke klien dan menanyakan hendaknya formulir dikirimkan juga dengan amanat yang benar.

Ini sungguh-sungguh proses yang tingkatan nan digunakan untuk menurunkan banyak beban pada server. JavaScript meluangkan prinsip lakukan melakukan validasi data formulir di komputer klien sebelum mengirimkannya ke peladen web. Tes formulir umumnya melakukan dua arti:

  1. Konfirmasi Dasar

Mula-mula-tama, formulir harus diperiksa untuk memastikan semua latar wajib diisi. Ini hanya membutuhkan dril setiap bidang dalam formulir dan memeriksa data.

  1. Validasi Format Data

Kedua, data yang dimasukkan harus diperiksa keabsahan rajah dan nilainya. Kode Anda harus menyertakan akal sehat nan sesuai untuk menguji keabsahan data.

Berikut merupakan model penerapan untuk memahami proses pengecekan. Berikut adalah lembar isian sederhana privat dimensi html:

<html>       <head>       <title>Form Validation</title>             <script type = "text/javascript">          <!--             // Pembenaran form akan berjalan disini          //-->       </script>          </head>        <body>       <form action = "/cgi-bin/test.cgi" name = "myForm" onsubmit = "return(validate());">          <table cellspacing = "2" cellpadding = "2" border = "1">                          <tr>                <td align = "right">Nama</td>                <td><input type = "text" name = "Name" /></td>             </tr>                          <tr>                <td align = "right">Email</td>                <td><input type = "text" name = "EMail" /></td>             </tr>                          <tr>                <td align = "right">Kode Pos</td>                <td><input type = "text" name = "Zip" /></td>             </tr>                          <tr>                <td align = "right">Negara</td>                <td>                   <select name = "Country">                      <option value = "-1" selected>[Pilih Negara]</option>                      <option value = "1">INDONESIA</option>                      <option value = "2">MALAYSIA</option>                      <option value = "3">INDIA</option>                   </select>                </td>             </tr>                          <tr>                <td align = "right"></td>                <td><input type = "submit" value = "Submit" /></td>             </tr>                       </table>       </form>              </body> </html>
      

Asal Validasi Form JavaScript

Permulaan-tama yuk kita lihat bagaimana melakukan pembuktian surat isian dasar. Dalam formulir di atas, kita menjuluki validate() bakal memvalidasi data detik event onsubmit terjadi. Kode berikut menunjukkan implementasi fungsi validate() ini.

Data Matra Validation

Masa ini Ia akan mengawasi bagaimana kami bisa memvalidasi data formulir yang kita masukkan sebelum mengirimkannya ke server web. Kamil berikut menunjukkan cara memvalidasi bahan email yang dimasukkan.

Alamat email harus mandraguna setidaknya nama ‘@’ dan noktah (.). Juga, ‘@’ enggak bisa menjadi khuluk pertama berpunca alamat email, dan bintik bungsu setidaknya harus satu karakter setelah tanda ‘@’.

Contoh: Coba kode berikut untuk validasi email.

<script type = "text/javascript">    <!--       function validateEmail() {          var emailID = document.myForm.EMail.value;          atpos = emailID.indexOf("@");          dotpos = emailID.lastIndexOf(".");                    if (atpos < 1 || ( dotpos - atpos < 2 )) {             alert("Masukkan email nan bersusila")             document.myForm.EMail.focus() ;             return false;          }          return( true );       }    //--> </script>
      

Demikianlah penjelasan tentang form yang cak semau di JavaScript. Hal nan perlu Anda ingat yaitu JavaScript menamai kemustajaban testResults saat Anda mengklik kenop di formulir. Fungsi testResults dilewatkan ke objek formulir menggunakan sintaks this.

Form (kata kunci this mereferensikan kontrol cembul; form ialah nasib baik dari pengaruh tombol dan mengaplus objek form).

Jikalau Anda mau sempat bertambah banyak tentang JavaScript, kunjungi codekey.id. Situs Codekey menyediakan berbagai pembahasan, materi, tutorial, tips, dan trik yang dapat kontributif Anda belajar bahasa pemrograman.

Kami pun menyisihkan materi belajar bahasa pemrograman yang terkenal seperti Python dan Java. Jangan lupa untuk dapatkan update terbaru dari situs Codekey.


Jasa Pembuatan Aplikasi, Website dan Internet Marketing
| PT APPKEY
PT APPKEY adalah perusahaan IT nan distingtif membuat tuntutan Android, iOS dan berekspansi sistem website. Kami juga n kepunyaan pengetahuan dan wawasan intern menjalankan pemasaran online sehingga diharapkan dapat mendukung mengamankan persoalan Anda.

Jasa Pembuatan Aplikasi

Jasa Pembuatan Website

Jasa Pembuatan Paket Aplikasi

Jasa Pembuatan Internet Marketing

Source: https://codekey.id/javascript/form-javascript/