Rumah > Artikel > hujung hadapan web > Penjelasan terperinci tentang jQuery plug-in formValidator fungsi pelanjutan fungsi tersuai example_jquery

Penjelasan terperinci tentang jQuery plug-in formValidator fungsi pelanjutan fungsi tersuai example_jquery

WBOYasal: 2016-05-16 15:29:501423semak imbas

Contoh dalam artikel ini menerangkan cara melanjutkan fungsi fungsi tersuai formValidator plug-in jQuery. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Apakah pemalam pengesahan borang jQueryValidator Pembaca yang berminat boleh merujuk kepada "pemalam pengesahan borang jQueryValidator" dan dokumen lain yang berkaitan di tapak ini

Sesetengah teks ditinggalkan di sini.

Aplikasi borang dalam projek sebenar adalah pelbagai, dan pengesahan yang disertakan bersamanya juga berbeza-beza, tetapi Jquery formValidator memberikan kami antara muka fungsi tersuai, yang saya fikir secara peribadi adalah kekuatan utamanya. Tanpa berlengah lagi, mari terus ke contoh.

Contoh 1: Talian tetap atau telefon bimbit, pilih sekurang-kurangnya satu, anda tidak perlu memilih sama ada.

Analisis: Ini ialah pengesahan gabungan, yang memerlukan syarat pengesahan berbeza mengikut bingkai berbeza yang dipilih oleh pengguna.

Titik pengetahuan: Jquery formvalidator menyediakan antara muka fungsi tersuai sebagai functionValidator({ fun: funname });

Telefon mudah alih talian tetap

$("#txtMobileTel,#txtContactTel").formValidator({ tipid: "txtMobileTelTip", onshow: "请填写任一种联系号码", onfocus: "请输入移动电话或座机电话", oncorrect: "输入正确！" }).functionValidator({ fun: allEmpty });
function allEmpty(val, elem) {
 if ($("#txtMobileTel").val() == "" && $("#txtContactTel").val() == "") {
  return '请输入移动电话或座机电话';
 }
 else {
  if ($("#txtMobileTel").val() != "" && $("#txtContactTel").val() != "") {
   if (($("#txtMobileTel").val()).search(/^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/) != -1) {
    if (($("#txtContactTel").val()).search(/^(([0\+]\d{2,3}-)&#63;(0\d{2,3})-)&#63;(\d{7,8})(-(\d{3,}))&#63;$/) != -1) { return true } else {
     return "座机电话格式错误";
    }
   } else {
    return "移动电话格式错误";
   }
  } else {
   if ($("#txtMobileTel").val() != "") {
    if (($("#txtMobileTel").val()).search(/^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/) != -1) { return true } else {
     return "移动电话格式错误";
    }
   }
   if ($("#txtContactTel").val() != "") {
    if (($("#txtContactTel").val()).search(/^(([0\+]\d{2,3}-)&#63;(0\d{2,3})-)&#63;(\d{7,8})(-(\d{3,}))&#63;$/) != -1) { return true } else {
     return "座机电话格式错误";
    }
   }
  }
};

Contoh 2: lungsur turun bertingkat rantau, apabila tiada lungsur rantau kedua untuk membatalkan pengesahan.

Lata wilayah, bandar dan wilayah

$("#ddlOne").formValidator({ onshow: "请选择省市", onfocus: "省市必须选择", oncorrect: "输入正确" }).inputValidator({ min: 1, onerror: "请选择有效的地区" }).functionValidator({ fun: city });
 $("#ddlTwo").formValidator({ onshow: "请选择城市", onfocus: "城市必须选择", oncorrect: "输入正确" }).inputValidator({ min: 1, onerror: "请选择有效的地区" });
function city(val, elem) {
 var a = "";
 $.getJSON("../Customer/Area.ashx&#63;parentid=" + $("#ddlOne option:selected").val(), null, function(json) { 
  if (json[0].areacode == "0") {
   $("#ddlTwo").attr("disabled", true).unFormValidator(true); //解除校验
  }
  else {
   $("#ddlTwo").attr("disabled", false).unFormValidator(false); //恢复校验
  }
 });
}

Pengesahan yang biasa digunakan:

Integer: