j-Validate

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Komponenten innehåller samma källkod som komponenten j-Validation.

Konfigurera:

if {String} kan innehålla JS-förhållande för utvärdering
- value {Object} innehåller hela modellen
- path {String} innehåller ändrad väg
- Måste återvända boolean
selector {String} jQuery-selektor för inaktivering (default: button[name="submit"])
delay {Number} en timout för validering (default: 100)
flags {String} flaggor för bättre validering, kan innehålla visible,hidden,enabled,disabled komponenter
- enabled validerar alla komponenter som är aktiverade input, textarea eller select element
- disabled validerar alla komponenter som är inaktiverade av input, textarea eller select element
- hidden validerar alla komponenter som är dolda
- visible validerar alla komponenter som är synliga
track {String} kan innehålla vägar som delas av comma, och manuell ändring av varje väg (via SET(), UPD(), INC(), etc. metoder) kommer att utvärdera valideringen
validonly {Boolean} skips dirty status (default: false)
NEW changes {Boolean} gör det möjligt att jämföra ändringar endast mellan inmatningsmodellen och formuläret (default: false)
NEW strictchanges {Boolean} möjliggör strikt jämförande ändringar (i annat fall kommer värdena null, false, empty strings och 0 att tas bort), standard: false
NEW exec {String} alternativ, en länk till function(data) som körs när modellen valideras och ändras
NEW output {String} valfritt, en länk till function(valid) eller väg

Bra att veta:

komponenten lägger till ui-validate-ok-klassen till elementet om modellen är giltig
komponenten lägger till ui-validate-no-klassen till elementet om modellen är invalid
komponenten lägger till ui-validate-modified-klassen till elementet om modellen ändras

Använd den med <ui-component name="validate">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

example.html

<!-- REMOVE -->
<ui-plugin path="model">
	<ui-component name="input" path="?.name" config="required:true">Name</ui-component>
	<br />
	<br />
	<ui-component name="validate" path="?">
		<button name="submit" disabled="disabled" onclick="show_me()">SUBMIT FORM</button>
	</ui-component>
</ui-plugin>

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

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