j-Validation

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Składnik zawiera ten sam kod źródłowy, jak składnik j-Validate.

Konfiguracja:

if {String} może zawierać warunek JS do oceny
- value {Object} zawiera cały model
- path {String} zawiera zmianę ścieżki
- Powrót Boolean
selector {String} jQuery selektor do wyłączania (default: button[name="submit"])
delay {Number} - czas uwierzytelniania (default: 100)
Flagi flags {String} dla lepszej weryfikacji, mogą zawierać składniki visible,hidden,enabled,disabled
- enabled potwierdza wszystkie elementy, które są włączone do elementów input, textarea lub select.
- disabled potwierdza wszystkie elementy, które są wyłączone z elementów input, textarea lub select
- hidden potwierdza wszystkie składniki, które są ukryte
- visible potwierdza wszystkie elementy, które są widoczne
track {String} może zawierać ścieżki podzielone przez komę, a ręczne zmiany każdego ścieża (przez SET(), UPD(), INC(), itp. metody) oceniają weryfikację
validonly {Boolean} statek dirty (default: false)
NEW changes {Boolean} umożliwia porównanie zmian tylko pomiędzy modelem wejściowym a formularzem (default: false)
NEW strictchanges {Boolean} umożliwia rygorystyczne zmiany (w przeciwnym razie wartości null, false, empty strings i 0 zostaną usunięte), wstępne: false
NEW exec {String} opcjonalny, link do function(data), który jest wykonywany po weryfikacji i zmianie modelu
NEW output {String} opcjonalny, link do function(valid) lub ścieżka

Dobrze wiedzieć:

składnik dodaje klasę ui-validate-ok do elementu, jeśli model jest ważny
element dodaje klasę ui-validate-no do elementu, jeśli model jest nieprawidłowy
element dodaje klasę ui-validate-modified do elementu, jeśli model jest zmieniony

Użyj go z <ui-component name="validation">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>