Validare una dropdownlist con jqxValidator

Mattepuffo's logo
Validare una dropdownlist con jqxValidator

Validare una dropdownlist con jqxValidator

jqxDropDownlist è il componente di jQWidgets che rappresenta il classico menu a tendina di HTML.

Molto usato nei form, oggi vediamo come farne la validazione con jqxValidator; come si evince dal nome, è il modulo che si occupa della validazione dei form in jQWidgets.

Arriva già con diverse regole, ma nessuna adatta a jqxDropDownlist.

Quindi dobbiamo crearne una noi:

$('#book_form').jqxValidator({
	hintType: "label",
	rules: [
		{input: '#sel_aut', message: 'Autore obbligatorio!', action: 'keyup, blur', 
			rule: function () {
				var index = $("#sel_aut").jqxDropDownList('getSelectedIndex');
				if (index !== -1) {
					return true;
				}
				return false;
			}
		}
	],
	onSuccess: function () {
		console.log('ok');
	}, onError: function (err) {
		console.log(err);
	}
});

Ho dato per scontato che sappiate già come crearla e riempirla.

Enjoy!


Condividi

Commentami!