j-Validation

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

Il componente contiene lo stesso codice sorgente che il componente j-Validate.

Configurazione:

if {String} può contenere condizione JS per la valutazione
- value {Object} contiene un modello completo
- path {String} contiene un percorso cambiato
- Il ritorno di Boolean
Selettore selector {String} jQuery per disabilitare (default: button[name="submit"])
delay {Number} un tempo di validazione (default: 100)
Le bandiere flags {String} per una migliore validazione possono contenere componenti visible,hidden,enabled,disabled
- enabled valida tutti i componenti che sono attivati input, textarea o select elementi
- disabled valida tutti i componenti che sono disabilitati input, textarea o select elementi
- hidden valida tutti i componenti nascosti
- visible valida tutti i componenti visibili
track {String} può contenere percorsi suddivisi dal comma, e il cambiamento manuale di ciascun percorso (con SET(), UPD(), INC(), ecc. metodi) validerà la validazione
validonly {Boolean} Scatola dirty Stato (default ) false)
NEW changes {Boolean} consente di confrontare i cambiamenti solo tra il modello di input e il modulo (default: false)
NEW strictchanges {Boolean} consente cambiamenti di confronto rigorosi (altrimenti i valori null, false, empty strings e 0 saranno rimossi), default: false
NEW exec {String} opzionale, un collegamento al function(data) che viene eseguito quando il modello è validato e modificato
NEW output {String} opzionale, un collegamento al function(valid) o il percorso

Buono sapere:

Il componente aggiunge la classe ui-validate-ok all'elemento se il modello è valido
Il componente aggiunge la classe ui-validate-no all'elemento se il modello è invalido
Il componente aggiunge la classe ui-validate-modified all'elemento se il modello è cambiato

Utilizzare con <ui-component name="validation">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza MIT.

example.html

<!-- REMOVE -->
<ui-component name="textbox" path="model.name" config="required:true">Name</ui-component>
<br />
<br />

<!-- VALIDATION -->
<ui-component name="validation" path="model">
	<button name="submit" disabled="disabled" onclick="show_me()">SUBMIT FORM</button>
</ui-component>

<style type="text/css">
	button:disabled {
		background-color: #cccccc;
		color: #666666;
		cursor: not-allowed;
	}
</style>

<script>
    function show_me() {
        alert('ok');
    }
</script>