JavaScript Form: Cara Membuat dan Sintak Codenya

Validasi kind di HTML dapat dilakukan bersama JavaScript.

Jika kind subject (fname) tidak terisi, fitur ini pasti akan memberitahu informasi, dan mengembalikan bernilai false, untuk berhenti kind dikirimkan.

perform validateForm() {
  var x = doc.varieties["myForm"]["fname"].worth;
  if (x == "") {
    alert("Name should be stuffed out");
    return false;
  }
}

Fungsi tersebut dapat dipanggil instan kind dikirimkan.

Contoh Form HTML

<!DOCTYPE html>
<html>
<head>
<script>
perform validateForm() {
  var x = doc.varieties["myForm"]["fname"].worth;
  if (x == "") {
    alert("Nama perlu diisi");
    return false;
  }
}
</script>
</head>
<physique>

<kind title="myForm" motion="/action_page.php" onsubmit="return validateForm()" technique="submit">
  Name: <enter kind="textual content" title="fname">
  <enter kind="submit" worth="Submit">
</kind>

</physique>
</html>

JavaScript Dapat Memvalidasi Input Numerik

JavaScript biasanya digunakan untuk memvalidasi enter numerik.

Contoh:

<!DOCTYPE html>
<html>
<physique>

<h2>JavaScript Can Validate Input</h2>

<p>Input angka 1 {sampai} 10:</p>

<enter id="numb">

<button kind="button" onclick="myFunction()">Kirim</button>

<p id="demo"></p>

<script>
perform myFunction() {
  var x, textual content;

  // Get the worth of the enter subject with id="numb"
  x = doc.getElementById("numb").worth;

  // If x is Not a Number or lower than one or higher than 10
  if (isNaN(x) || x < 1 || x > 10) {
    textual content = "Input not legitimate";
  } else {
    textual content = "Input OK";
  }
  doc.getElementById("demo").innerHTML = textual content;
}
</script>

</physique>
</html> 

Validasi Form HTML Otomatis

Validasi Form HTML Otomatis dapat dilakukan secara otomotif melalui browser.

Jika subject kind (fname) tidak terisi, karakteristik required wajib berhenti kind ini dikirim.

Contoh:

<!DOCTYPE html>
<html>
<physique>

<kind motion="/action_page.php" technique="submit">
  <enter kind="textual content" title="fname" required>
  <enter kind="submit" worth="Kirim">
</kind>

<p>Jika Anda mengklik menyediakan, tanpa mengisi pilar pesan teks,
browser Anda pasti akan menampilkan informasi kelalaian.</p>

</physique>
</html>

Validasi kind HTML otomotif tidak berfungsi di Internet Explorer 9 atau bahkan versi yang lebih lama.

Lihat lebih banyak:  Inilah 7 Cara Kerja Topologi Hybrid dalam Jaringan Komputer

Validasi informasi

Validasi informasi adalah metode untuk pastikan bahwa masukan individu jaring, akurat, dan bermanfaat.

Tugas validasi tipikal adalah, pastikan:

  • sudahkah individu mengisi semua subject yang dibutuhkan?
  • apakah individu saat ini memasukkan waktu yang legitimate?
  • sudahkah individu memasukkan pesan teks di bidang numerik?
  • Paling biasanya, niat validasi informasi adalah untuk pastikan enter individu yang akurat.

Validasi dapat ditentukan bersama beberapa pendekatan, dan diterapkan bersama beberapa berarti.

Validasi tepi server dilakukan melalui internet server, setelah enter dikirim ke dalam server.

Validasi tepi pelanggan dilakukan melalui internet browser, sebelumnya enter dikirim ke dalam internet server.

Validasi Batasan HTML

HTML5 memperkenalkan prinsip validasi HTML baru saja yang dugaan validasi membatasi.

Validasi Batasan HTML didasarkan pada:

  • Atribut Input HTML validasi membatasi
  • Validasi Batasan CSS Pseudo Selectors
  • Validasi Batasan Properti dan Metode DOM

Atribut Input HTML Validasi Batasan

Atribut Deskripsi
disabled Menentukan bahwa komponen enter perlu dinonaktifkan
max Menentukan bernilai optimal berasal dari sebuah komponen masukan
min Menentukan bernilai minimal berasal dari sebuah komponen masukan
sample Menentukan rancangan bernilai berasal dari sebuah komponen masukan
required Menentukan bahwa pilar enter butuh sebuah komponen
kind  Menentukan jenis komponen masukan

Validasi Batasan CSS Pseudo Selector

Selector Deskripsi
:disabled Memilih komponen masukan bersama karakteristik “nonaktif” yang ditentukan
:invalid Memilih komponen masukan bersama bernilai yang tidak legitimate
:non-compulsory Memilih komponen masukan tanpa karakteristik “wajib” yang ditentukan
:required Memilih komponen masukan bersama karakteristik “dibutuhkan” yang ditentukan
:legitimate Memilih komponen masukan bersama bernilai yang legitimate

Anda sederhana menonton: JavaScript Form: Cara Membuat dan Sintak Codenya

Sumber: https://taylorswift10years.com

Kategori: Teknologi

Leave a Reply