Rumah > hujung hadapan web > tutorial js > Laksanakan pengesahan global di bawah bootstrapValidator berdasarkan jQuery_jquery

Laksanakan pengesahan global di bawah bootstrapValidator berdasarkan jQuery_jquery

WBOY
Lepaskan: 2016-05-16 15:27:16
asal
1106 orang telah melayarinya

BootstrapValidator ialah pemalam jQuery pemeriksaan borang khusus untuk Boostrap v3 Ia boleh melaksanakan banyak fungsi pemeriksaan yang biasa digunakan, mudah dikembangkan dan juga menyokong bahasa Cina! Ia boleh digunakan di luar kotak untuk pengguna bootstrap.

Awalan:

Memperkenalkan jQuery, bootstrap, bootstrapValidator

Penerangan masalah:

Projek memerlukan simbol & tidak boleh dimasukkan dalam semua kotak input borang. Saya tidak menemui sebarang kaedah yang tersedia dalam bootstrap, jadi saya terpaksa melakukannya sendiri

Berfikir:

Gunakan ungkapan biasa.

Terdapat dua situasi yang pertama ialah jika kotak input mempunyai pengesahan biasa sendiri, anda tidak perlu risau mengenainya (secara umumnya, pengesahan biasa digunakan untuk mengawal input yang kedua); ialah jika tiada ungkapan biasa, anda perlu menambah bahawa anda tidak boleh memasukkan peraturan biasa &.

Anda perlu membebankan fungsi permulaan bootstrapValidator dan membetulkan tetapan permulaan mengikut dua situasi di atas. Akhir sekali, pulihkan fungsi bootstrapValidator asal (langkah ini perlu, fungsi bootstrapValidator asal mempunyai banyak perkara yang berkaitan sendiri, yang tidak boleh hilang
).

Pelaksanaan:

/*add chenhua 2015.10.16 重写bootstrapValidator方法?给每一个验证项都添加禁止输入"&"符号*/ 
$(function(){  //保存原始的bootstrapValidator 
  var overwrite = $.fn.bootstrapValidator;   //重载bootstrapValidator
  $.fn.bootstrapValidator = function(options){ 
    //恢复原来的bootstrapValidator,因为其加了很多数据是不能丢失的 
    $.fn.bootstrapValidator = overwrite; 
            //这里有两种做法,第一种是直接修改arguments内容,使其包含不能输入&的验证,然后调用即可;    //第二种是先使用arguments来初始化,然后使用调用bootstrapValidator的函数来给非正则表达式验证的项添加不能输入&的验证    //这里我们使用了第二中。  
    var validtor = overwrite.apply(this,arguments); 
    if($.type(arguments[0]) == "object"){ 
      var vtor = this.data("bootstrapValidator"),      //过滤出输入框表单项   
      fileds = this.find("input[name][type='hidden'],input[name][type='password'],input[name][type='text'],textarea[name]").not(":disabled,[type='hidden']"); 
      fileds.each(function(){ 
        //本身没有正则验证才添加不能输入&的验证 
        if(!vtor.getOptions($(this).attr('name'),'regexp','regexp')){ 
         vtor.addField($(this).attr('name'), 
            { 
              validators: { 
                regexp: { 
                  regexp: /^[^&]*$/, 
                  message: "不能包含&字符" 
                } 
              } 
          }) 
        } 
      }) 
    } 
    return validtor; 
  } 
}) 
Salin selepas log masuk

Kandungan di atas ialah pengesahan global di bawah bootstrapValidator berdasarkan jQuery yang diperkenalkan oleh editor Script House saya harap anda menyukainya.

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan