5 JQuery Validate Form Demo

lima demo pengesahan bentuk jQuery yang sangat baik

Plugin pengesahan bentuk yang banyak disediakan, tetapi di sini terdapat lima demo berkuasa jQuery terkemuka yang mempamerkan teknik pengesahan bentuk yang berkesan.

Sumber & Demo 1: Plugin Pengesahan JQuery

Plugin ini memudahkan pengesahan borang pelanggan semasa menyediakan pilihan penyesuaian yang luas.

Sumber & Demo 2: Plugin Pengesahan JQuery - Themerollered

Demo yang menarik secara visual menggunakan tema Themeroller.

Sumber & Demo 3: JQuery Validate Demo dengan Twitter Bootstrap Styling

Demo ini mengintegrasikan plugin dengan rangka kerja Twitter Bootstrap yang popular untuk gaya yang dipertingkatkan.

Sumber & Demo 4: Borang Pengesahan JQuery Asas

Demo mudah yang menggambarkan kemudahan pengesahan bentuk dengan jQuery dan plugin pengesahannya, menggunakan peraturan pengesahan input asas.

Sumber & Demo 5: Contoh Pengesahan Borang Ajax

Demo ini membentangkan dua contoh pengesahan borang klien menggunakan JavaScript (dengan jQuery) dan Ajax untuk pemprosesan sisi pelayan.

Soalan Lazim (Soalan Lazim)

Menyesuaikan Mesej Ralat: Mudah menyesuaikan mesej ralat menggunakan pilihan messages dalam kaedah validate. Tentukan mesej tersuai untuk setiap bidang dan peraturan pengesahan. Contohnya:

$("#myForm").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    }
  },
  messages: {
    name: {
      required: "Please enter your name",
      minlength: "Name must be at least 2 characters"
    }
  }
});

Pengesahan e-mel: Peraturan terbina dalam mengendalikan pengesahan e-mel. email

$("#myForm").validate({
  rules: {
    email: {
      required: true,
      email: true
    }
  }
});

Pengesahan penyerahan borang: Kaedah secara automatik mengesahkan penyerahan. Cukup panggil validate pada borang anda. validate()

Integrasi Ajax: Gunakan pilihan untuk memproses penyerahan borang melalui Ajax. submitHandler

$("#myForm").validate({
  submitHandler: function(form) {
    $.ajax({
      type: "POST",
      url: "/submit",
      data: $(form).serialize(),
      success: function(response) {
        // Handle the response
      }
    });
    return false;
  }
});

Mengesahkan kotak semak, pilih medan, medan berganda, input fail, nombor, dan tarikh: Peraturan berfungsi untuk kotak semak dan pilih medan. Fungsi boleh mengesahkan pelbagai bidang dengan nama yang sama. Peraturan required juga terpakai kepada input fail. Gunakan required dan number peraturan untuk pengesahan nombor dan tarikh masing -masing. Rujuk artikel asal untuk contoh terperinci masing -masing. date

Atas ialah kandungan terperinci 5 JQuery Validate Form Demo. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!