Cara Mengesahkan Borang Bootstrap

Bootstrap menyediakan keupayaan pengesahan bentuk yang boleh ditambah kepada projek dengan mengimport CSS dan JavaScript. Buat elemen bentuk dan paksa bidang atau atribut corak yang akan diisi dengan atribut yang diperlukan untuk mengesahkan format tertentu. Anda juga boleh menyesuaikan mesej pengesahan. Apabila borang dihantar, Bootstrap secara automatik melakukan cek, memaparkan mesej ralat dan menyekat penyerahan. Soalan Lazim: Lumpuhkan pengesahan menghilangkan atribut yang diperlukan dan corak; Kaedah checkvalidity () boleh dicetuskan secara manual; atribut kesahihan boleh mendapatkan hasil pengesahan.

Pengesahan bentuk bootstrap

Bootstrap menyediakan fungsi pengesahan bentuk yang mudah dan mudah digunakan untuk membantu pemaju dengan mudah mengesahkan input borang.

Cara Menggunakan Pengesahan Borang Bootstrap

1. Mengimport CSS dan JavaScript Bootstrap

    <code class="html"><link rel="stylesheet" href="path/to/bootstrap.min.css"> <script src="path/to/bootstrap.bundle.min.js"></script></code>

2. Buat elemen bentuk

    <code class="html"><form> <input type="text" id="name" name="name" placeholder="姓名" required> <input type="email" id="email" name="email" placeholder="邮箱" required> <button type="submit" class="btn btn-primary">提交</button> </form></code>

3. Tambah Peraturan Pengesahan
   Gunakan atribut required untuk memaksa medan untuk diisi. Anda juga boleh menentukan ungkapan biasa menggunakan atribut pattern untuk mengesahkan bahawa input mematuhi format tertentu, seperti alamat e -mel:

    <code class="html"><input type="email" id="email" name="email" placeholder="邮箱" required pattern="[a-z0-9._% -] @[a-z0-9.-] \.[az]{2,}$"></code>

4. Mesej pengesahan tersuai
   Anda boleh menggunakan atribut data untuk menyesuaikan mesej pengesahan:

    <code class="html"><input type="text" id="name" name="name" placeholder="姓名" required data-invalid-feedback="请输入您的姓名"></code>

5. Hantar borang
   Apabila borang dikemukakan, Bootstrap akan secara automatik melakukan pengesahan. Jika pengesahan gagal, mesej ralat dipaparkan dan borang dikemukakan disekat.

Soalan yang sering ditanya

• Bagaimana untuk melumpuhkan pengesahan?
  Membuang sifat required dan pattern .

• Bagaimana mencetuskan pengesahan secara manual?
  Gunakan kaedah checkValidity() :

   <code class="javascript">document.getElementById("form").checkValidity();</code>

• Bagaimana untuk mendapatkan hasil pengesahan?
  Gunakan harta validity :

   <code class="javascript">const nameInput = document.getElementById("name"); console.log(nameInput.validity.valid); // 返回true 或false</code>

Atas ialah kandungan terperinci Cara Mengesahkan Borang Bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!