j-Validation

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Componentul conține același cod de sursă ca și componenta j-Validate.

Configurarea:

if {String} poate conține condiția JS pentru evaluare
- value {Object} conține întregul model
- path {String} conține o cale schimbată
- Trebuie să ne întoarcem la Boolean
selector {String} jQuery selector pentru dezactivare (default: button[name="submit"])
delay {Number} un timout pentru validare (default: 100)
Drapelele flags {String} pentru o mai bună validare, pot conține componente visible,hidden,enabled,disabled
- enabled validă toate componentele care sunt activate în elementele input, textarea sau select
- disabled validă toate componentele care sunt dezactivate input, textarea sau select elemente
- hidden validă toate componentele care sunt ascunse
- visible validă toate componentele vizibile
track {String} poate conține căi împărțite de comma, iar schimbarea manuală a fiecărui drum (prin SET(), UPD(), INC(), etc. metode) va evalua validarea
validonly {Boolean} navă dirty Statul de stat (default) false)
NEW changes {Boolean} permite compararea modificărilor numai între modelul de intrare și formularul (default: false)
NEW strictchanges {Boolean} permite schimbări stricte de comparare (dacă nu vor fi îndepărtate valorile null, false, empty strings și 0), standard: false
NEW exec {String} opțional, un link la function(data) care este executat atunci când modelul este validat și modificat
NEW output {String} opțional, un link la function(valid) sau calea

bine să știi:

componenta adaugă clasa ui-validate-ok la element, dacă modelul este valabil
componenta adaugă clasa ui-validate-no la element, dacă modelul este invalid
componenta adaugă clasa ui-validate-modified la element, dacă modelul este schimbat

Utilizați-l cu <ui-component name="validation">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>