ForgeComponents
el

Components

j-Validate

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

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


ΕΠΙΤΡΟΦΗ:

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

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>