j-Validation

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Το στοιχείο περιέχει τον ίδιο κώδικα πηγής με το στοιχείο j-Validate.

ΕΠΙΤΡΟΦΗ:

Το if {String} μπορεί να περιέχει κατάσταση JS για την αξιολόγηση
- Το value {Object} περιέχει ολόκληρο το μοντέλο
- Το path {String} περιέχει μεταβλητό δρόμο
- Πρέπει να επιστρέψουμε στον Μπόλεαν
selector {String} jQuery επιλεκτής για απενεργοποίηση (προεπιλεγμένη: button[name="submit"])
delay {Number} μια ώρα για την επικύρωση (προεπιλεγμένη: 100)
Οι σημαίες flags {String} για καλύτερη επικύρωση, μπορούν να περιέχουν συστατικά visible,hidden,enabled,disabled
- enabled επικυρώνει όλα τα συστατικά που είναι επιλέξιμα για input, textarea ή select στοιχεία
- disabled επικυρώνει όλα τα συστατικά που είναι απενεργοποιημένα input, textarea ή select στοιχεία
- Το hidden επικυρώνει όλα τα συστατικά που είναι κρυμμένα
- Το visible επιβεβαιώνει όλα τα συστατικά που είναι ορατά
Το track {String} μπορεί να περιέχει διαδρομές που χωρίζονται από το comma, και η χειροκίνητη αλλαγή κάθε διαδρομής (μέσω των μεθόδων SET(), UPD(), INC(), κλπ.) θα αξιολογήσει την επικύρωση
validonly {Boolean} πλοία κατάσταση dirty (προεπιλεγμένη: false)
NEW changes {Boolean} επιτρέπει τη σύγκριση των αλλαγών μόνο μεταξύ του μοντέλου εισόδου και της φόρμας (προεπιλογή: false)
NEW strictchanges {Boolean} επιτρέπει αυστηρή σύγκριση αλλαγών (εάν όχι, οι τιμές null, false, empty strings και 0 θα αφαιρεθούν), προεπιλογή: false
NEW exec {String} προαιρετική, μια σύνδεση με το function(data) που εκτελείται όταν το μοντέλο επικυρώνεται και αλλάζει
NEW output {String} προαιρετική, σύνδεση με το function(valid) ή τον δρόμο

Καλό να ξέρεις:

Το στοιχείο προσθέτει την τάξη ui-validate-ok στο στοιχείο εάν το μοντέλο είναι έγκυρο
Το στοιχείο προσθέτει την τάξη ui-validate-no στο στοιχείο εάν το μοντέλο είναι αναποτελεσματικό
Το στοιχείο προσθέτει την τάξη ui-validate-modified στο στοιχείο εάν το μοντέλο αλλάξει

Χρησιμοποιήστε το με <ui-component name="validation">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, 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>