jQuery membatalkan pengesahan yang sah

Apabila menulis borang, jelas sekali perlu untuk mengesahkan data yang dimasukkan oleh pengguna. jQuery menyediakan kami pemalam jQuery Validate yang sangat mudah, yang boleh membantu kami melaksanakan pengesahan borang dengan mudah. Tetapi kadangkala kita juga perlu membatalkan pengesahan medan tertentu Apakah yang perlu kita lakukan dalam kes ini? Mari perkenalkan cara menggunakan jQuery untuk membatalkan pengesahan borang.

1. Batalkan pengesahan satu medan

Andaikan kita kini mempunyai borang yang mengandungi dua medan: nama dan nombor telefon. Jika kami ingin membatalkan pengesahan medan telefon, kami boleh menggunakan kod berikut:

$("form").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    },
    phone: {
      required: true,
      minlength: 11
    }
  },
  messages: {
    name: {
      required: "请输入您的姓名",
      minlength: "姓名长度不能少于2个字符"
    },
    phone: {
      required: "请输入您的电话",
      minlength: "电话长度不能少于11个字符"
    }
  }
});

$("input[name='phone']").rules("remove", "required minlength");

Dalam kod, kami mula-mula menyediakan pengesahan borang melalui kaedah pengesahan, yang mengandungi peraturan dan jumlah medan nama dan telefon. Kemudian, pilih kotak input medan telefon melalui pemilih jQuery, dan gunakan kaedah peraturan untuk mengalih keluar "diperlukan" dan "panjang min" daripada peraturan pengesahannya. Dengan cara ini, medan telefon tidak lagi perlu disahkan.

2. Batalkan pengesahan keseluruhan borang

Kadangkala, kami juga mungkin perlu membatalkan pengesahan keseluruhan borang, seperti melakukan pengesahan borang sebelum menyerahkan borang, tetapi Dalam beberapa kes khas, kami perlu menyerahkan borang terus tanpa pengesahan. Pada masa ini, kami boleh menggunakan kod berikut:

$("form").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    },
    phone: {
      required: true,
      minlength: 11
    }
  },
  messages: {
    name: {
      required: "请输入您的姓名",
      minlength: "姓名长度不能少于2个字符"
    },
    phone: {
      required: "请输入您的电话",
      minlength: "电话长度不能少于11个字符"
    }
  }
});

$("form").submit(function(){
  $(this).validate().cancelSubmit = true;
  if($(this).valid()){
    // 表单校验通过，进行表单提交
  }
});

Dalam kod, kami juga menggunakan kaedah pengesahan terlebih dahulu untuk menyediakan pengesahan borang. Dalam acara penyerahan borang, kami memperoleh objek pengesahan borang dengan memanggil kaedah validate() dan menetapkan atribut cancelSubmitnya kepada benar, yang bermaksud membatalkan gelagat penyerahan automatik borang. Kemudian, kami melakukan pengesahan borang lain, dan jika ia lulus, lakukan operasi penyerahan borang. Jika pengesahan borang gagal, borang tidak akan diserahkan secara automatik.

Ringkasan

Melalui pengenalan di atas, kami mempelajari cara menggunakan jQuery Validate untuk membatalkan pengesahan satu medan dan pengesahan keseluruhan borang. Ini akan sangat berguna dalam pembangunan sebenar dan boleh meningkatkan fleksibiliti dan skalabiliti pengesahan borang. Sudah tentu, dalam permohonan sebenar, kami perlu memutuskan sama ada kami perlu membatalkan pengesahan medan tertentu atau keseluruhan borang berdasarkan keperluan perniagaan tertentu.

Atas ialah kandungan terperinci jQuery membatalkan pengesahan yang sah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!