Rumah  >  Artikel  >  hujung hadapan web  >  Log masuk JavaScript bukan acara kosong

Log masuk JavaScript bukan acara kosong

WBOY
WBOYasal
2023-05-16 12:50:37764semak imbas

Dengan pembangunan berterusan teknologi Web, semakin banyak tapak web dibangunkan menggunakan JavaScript. Dalam pembangunan laman web, keperluan biasa adalah untuk mengesahkan borang yang dihantar oleh pengguna. Nama pengguna dan kata laluan dalam borang adalah bahagian penting dalam pengesahan log masuk, jadi log masuk bukanlah acara kosong adalah perkara biasa dalam JavaScript. Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk melaksanakan log masuk bukan acara kosong.

1. Pengenalan kepada JavaScript

JavaScript ialah bahasa skrip yang digunakan dalam pembangunan Web. Fungsi utamanya adalah untuk meningkatkan kesan dinamik dan interaktiviti halaman web. JavaScript terutamanya boleh melakukan operasi dinamik pada dokumen HTML dan kandungannya, seperti mengubah suai elemen HTML, menambah/memadam elemen HTML, memproses data borang, dsb. Sebelum menggunakan JavaScript, anda perlu memahami beberapa sintaks asas dan konsep pengaturcaraan, seperti pembolehubah, fungsi, pernyataan bersyarat, pernyataan gelung, dsb.

2. Borang HTML

Borang HTML ialah elemen yang sangat biasa dalam pembangunan web dan digunakan terutamanya untuk mengumpul data yang dimasukkan oleh pengguna. Borang HTML biasa mengandungi elemen borang (seperti kotak teks, menu lungsur, butang radio, kotak semak, dsb.) dan kawalan borang (seperti butang hantar, butang set semula, dsb.). Selepas borang diserahkan, nilai dalam semua elemen borang akan dihantar ke pelayan, dan pelayan boleh memproses data.

3. Log masuk JavaScript bukan acara kosong

Untuk melaksanakan log masuk bukan acara kosong, anda perlu menulis fungsi JavaScript untuk mengesahkan nama pengguna dan kata laluan yang dimasukkan oleh pengguna. Kaedah pelaksanaan khusus adalah seperti berikut:

  1. Pertama, anda perlu menambah acara serah pada borang HTML Apabila pengguna mengklik butang hantar, acara akan dicetuskan.
  2. Dalam JavaScript, anda boleh mendapatkan nilai elemen borang dan menilainya melalui pernyataan bersyarat if. Jika nama pengguna atau kata laluan kosong, pengguna digesa untuk memasukkan.
  3. Untuk mendapatkan maklumat segera, anda boleh menggunakan fungsi alert() untuk memaparkannya sebagai tetingkap timbul. Kandungan yang dipaparkan dalam tetingkap pop timbul boleh disesuaikan. Jika nama pengguna atau kata laluan kosong, mesej gesaan yang sepadan akan dipaparkan.

Berikut ialah contoh kod JavaScript mudah yang melaksanakan acara log masuk bukan kosong:

function checkForm() {
  var username = document.getElementById("username").value;
  var password = document.getElementById("password").value;
  if (username == "" || password == "") {
    alert("用户名或密码不能为空!");
    return false;
  }
  return true;
}

Kod di atas melaksanakan pengesahan sama ada nama pengguna dan kata laluan itu kosong kosong, Gesa pengguna. Perlu diingatkan bahawa fungsi ini perlu dipanggil dalam bentuk HTML, seperti yang ditunjukkan di bawah:

<form method="post" action="#" onsubmit="return checkForm();">
  <input type="text" id="username" name="username" placeholder="用户名">
  <input type="password" id="password" name="password" placeholder="密码">
  <input type="submit" value="登录">
</form>

Dengan menambahkan acara onsubmit pada borang, apabila pengguna mengklik butang hantar, fungsi checkForm() akan dicetuskan untuk melaksanakan nama pengguna dan pengesahan Kata Laluan. Jika fungsi mengembalikan benar, data borang akan diserahkan kepada pelayan jika ia mengembalikan palsu, data borang tidak akan diserahkan dan mesej segera akan muncul.

4. Ringkasan

JavaScript boleh membantu kami mencapai pelbagai keperluan dalam pembangunan web, antaranya pengesahan borang adalah yang sangat penting. Berkenaan peristiwa log masuk tidak kosong, artikel ini memperkenalkan sintaks asas JavaScript dan penggunaan borang HTML, serta cara melaksanakan peristiwa log masuk tidak kosong melalui fungsi JavaScript. Sudah tentu, ini hanyalah satu kaedah pelaksanaan, dan kaedah pelaksanaan khusus perlu diselaraskan mengikut keperluan sebenar. Harap artikel ini membantu anda!

Atas ialah kandungan terperinci Log masuk JavaScript bukan acara kosong. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn