Copy kode kodenya sebagai berikut:
//Masukkan ke dalam function(){} pada onReady
Ext.QuickTips.init(); //Menyediakan fungsi informasi cepat untuk komponen. Informasi cepat utama formulir adalah pesan kesalahan verifikasi klien.
Ext.form.Field.prototype.msgTarget='side'; //Metode prompt, nilai enumerasinya adalah:
qtip - menampilkan tip saat mouse bergerak di atas kontrol;
title-Judul yang ditampilkan di browser, tetapi hasil tesnya sama dengan qtip;
di bawah menampilkan pesan kesalahan di bawah kendali;
menampilkan ikon kesalahan di sisi kanan kontrol, dan menampilkan pesan kesalahan saat mouse menunjuk ke nilai default;
Pesan kesalahan id-[element id] ditampilkan dalam elemen HTML dari id yang ditentukan
1. Contoh paling sederhana: verifikasi nol
Copy kode kodenya sebagai berikut:
//Dua parameter untuk verifikasi nol
AllowBlank:false//false tidak boleh kosong, nilai defaultnya adalah true
blankText:string//Pesan kesalahan saat kosong
kode js adalah:
Copy kode kodenya sebagai berikut:
var form1 = Ext.form.FormPanel baru({
lebar:350,
renderKe:"form1",
judul:"FormPanel",
default:{xtype:"textfield",inputType:"password"},
item:[
{fieldLabel:"tidak boleh kosong",
izinkanBlank:false, //kosong tidak diperbolehkan
blankText:"tidak boleh kosong", //pesan kesalahan, defaultnya adalah Bidang ini wajib diisi!
id:"tes kosong",
}
]
});
2. Gunakan format vtype untuk verifikasi sederhana.
Dalam contoh verifikasi email ini, tulis ulang konfigurasi item dari kode di atas:
Copy kode kodenya sebagai berikut:
item:[
{fieldLabel:"tidak boleh kosong",
vtype:"email",//verifikasi format email
vtypeText: "Alamat email tidak valid", //pesan kesalahan, saya tidak akan masuk ke nilai default.
id:"tes kosong",
jangkar:"90%"
}
Anda dapat mengubah vtype di atas ke verifikasi berikut yang didukung oleh vtypes extjs berikut secara default:
//Jenis vtype yang didukung secara default dalam validasi formulir
1.alpha //Hanya huruf yang dapat dimasukkan, yang lain (seperti angka, simbol khusus, dll.) tidak dapat dimasukkan
2.alphanum//Hanya huruf dan angka yang dapat dimasukkan, tidak ada input lain yang dapat dilakukan
3.email//verifikasi email, format yang dibutuhkan adalah ""
4.url//verifikasi format url, format yang dibutuhkan adalah http://www.baidu.com
3. Verifikasi kata sandi khusus tingkat lanjut
Verifikasi sebelumnya semuanya disediakan oleh extjs, dan kami juga dapat menyesuaikan fungsi verifikasi.
Copy kode kodenya sebagai berikut:
//Pertama gunakan metode Ext.apply untuk menambahkan fungsi verifikasi kata sandi khusus (Anda juga dapat memberinya nama lain)
Ext.apply(Ext.form.VTypes,{
password:function(val,field){//val mengacu pada nilai kotak teks di sini, field mengacu pada komponen kotak teks ini, semua orang harus memahami makna ini
if(field.confirmTo){//confirmTo adalah parameter konfigurasi khusus kami, umumnya digunakan untuk menyimpan nilai id komponen lain
var pwd=Ext.get(field.confirmTo);//Dapatkan nilai id dari konfirmasiTo
kembali (val==pwd.getValue());
}
kembali benar;
}
});
//Konfigurasi parameter item
item:[{fieldLabel:"Kata Sandi",
id:"lulus1",
},{
fieldLabel:"Konfirmasi kata sandi",
id:"lulus2",
vtype:"kata sandi",//Jenis verifikasi yang disesuaikan
vtypeText: "Kedua kata sandi tidak konsisten!",
konfirmasiTo:"pass1",//Id komponen lain yang akan dibandingkan
}
4. Gunakan verifikasi ekspresi reguler
Copy kode kodenya sebagai berikut:
Ext.form.TextField baru({
fieldLabel : "Nama",
nama : "penulis_nam",
regex: /[/u4e00-/u9fa5]/, //Ekspresi regulernya adalah antara /...../.[/u4e00-/u9fa5]: Hanya bahasa Mandarin yang dapat dimasukkan.
regexText: "Hanya bahasa Mandarin yang dapat dimasukkan!", //Pesan kesalahan ekspresi reguler
AllowBlank: false //Verifikasi ini masih valid.