Do It Yourself Form Validation — Transcript

Transcript of the free Vue.js lesson Do It Yourself Form Validationwatch the video lesson.

Η form-validation είναι ένα φορμό που χρειάζεται κάθε πληκτήρια. Ακόμα και αν υπάρχει μόνο ένα input, πρέπει να βαλυδηθεί κάπως, ακόμα και αν το κάνει μέσα στο HTML. css file για να δίνει την form χαρούμενη. Εδώ βρίσκεται μια form με ένα input για το user's name και ένα για το h.

Όταν η form είναι submit, σημαίνω το submit form method. js file which is the application's code. Let's see how it looks. Here I create a view instance where I have added the data for the inputs wrapped in an object called form.

In the submitForm method, I simply log the form object in the console. Here you would normally submit the form through an AJAX code. This is how it looks in the browser. Even though this form is quite simple, assuming that both inputs are required, we have to apply some extra rules in order for the data to be valid.

Για παράδειγμα, η αίσθηση πρέπει να είναι ένας νούμερος, μεγαλύτερος από 12 και μικρή από 120 αν θέλουμε να δώσουμε μόνο παιδιά πάνω από 12. Ας δούμε πώς μπορούμε να δημιουργήσουμε αυτή τη φορμή χωρίς να χρησιμοποιήσουμε κάποια εξερματικά λιβάρια. Η πρώτη πράγματα που έρχεται στην σκέψη είναι να κάνουμε ένα σκέψημα στο σημείο Submit Form και να Submit η φορμή μόνο όταν είναι αξιολογημένη. Ωστόσο, θα λογούμε ένα μήνυμα στο κομμάτι.

Στον παράδειγμα, η φορμή είναι α Ας δούμε τώρα όταν αυτές οι βαλίες είναι βαλίτες. Η μόνη ρουλή για το όνομα είναι ότι πρέπει να γίνει. Μπορούμε να δείξουμε αυτό με τη διαδικασία του βαλίου σε έναν Βούλιαν, χρησιμοποιώντας τη δύο εξλαμματική σημασία. Για το τελικό ένδομα, για να είναι βαλίτες, πρέπει να είναι το τυπικό νόμο, μεγαλύτερο από 12 και λευκότερο από 120.

Υπάρχει καλό, ας προσπαθήσουμε τη βαλίδια μας στο μπροσέ. Αν τυπήσω κάποιες βαλίες βαλίες και χτύπτω κάποια μη Δεν έχουμε καμία ιδέα γιατί αυτό μπορεί να είναι. Επομένως, χρειαζόμαστε έναν τρόπο για να δημιουργήσουμε την φορμή της φορμής. Η λόγια για την οποία η φορμή αυτή τη φορμή δεν ήταν αδερφή, είναι γιατί ο τύπος των ενδιαφέροντων είναι στριγμένος.

Εντάξει ότι η οικογένεια της φορμής πρέπει να είναι ένας νούμερος, η δημιουργία μας δουλεύει όπως εκπληκθήθηκε. Για να αυτοματικά τυπικούν ένας ενδιαφέροντος ως ένας νούμερος, μπορείτε να προσθέσετε το νούμερο Επομένως, έχουμε επιτρέψει το ορισμό μας, το οποίο είναι να υποστηρίξουμε τη φόρμα μόνο όταν εχει βαλικό δίκαιο. Ειδικά όταν δουλεύει, χρειαζόμαστε να το δημιουργήσουμε, όπως είπαμε πριν, και να επηρεάζουμε τον χρηματοποίητο για το τι μπορεί να γίνει καλύτερα με την υποστηρίξη. Είναι το όνομα καλύτερο, είναι το όνομα που χρειαζόμαστε.

Ειδικά, θα δημιουργήσουμε έναν εμπλουθόμενο σχέδιο για το όνομα. Για παράδειγμα, εάν το όνομα δεν εφαρμόνται, θα π θα δημιουργήσουμε ένα μήνυμα που δείχνει στο χρηματοποίημα του χρηματοποίηματος. Στην στιγμή, το όνομα είναι σημαντικό και το χρηματοποίημα είναι σημαντικό και οι βασικές βαλίτες του σημαντικού χρηματοποίηματος. Για να μπορούμε να τους εξετήσουμε στο τεμπλίτ, θα πρέπει να τους δημιουργήσουμε είτε ως δεδομένα από το παράδειγμα μας ή στις συγκεκριμένες προϊόνες.

Οι δύο προχωρήσεις είναι καλά, αλλά αν θα πάμε με το δεδομένο, θα μπορούμε μόνο να δημ ώστε να γνωρίζουμε αν το νέο δίκαιο είναι βαλικό. Στην άλλη, οι διεθνές προχωρήσεις είναι αντιμετωπιστές και θα μπορούμε να δείξουμε και να ασφαλίσουμε τα διεθνές προχωρήσεις μας σε κάθε σημεία. Ας κάνουμε αυτό. Θα δημιουργήσω δύο διεθνές προχωρήσεις και θα προχωρήσω το κόδιο από το μέθοδο μας σε κάθε.

Τώρα, στο SubmitForm, θα χρησιμοποιήσουμε τα διεθνές προχωρήσεις για να αποφασίσουμε όταν η формα είναι βαλική. Ας δώσουμε αυτό το σημείο στο μπροζόρ. Αυτ Με τη δημιουργία των δημιουργών για να δημιουργήσουμε όταν οι βαλύτεροι είναι βαλύτεροι, μπορείτε να βάλετε περισσότερες εξαιρετικές στην εξαιρετική του χρηματοποίησης. Για παράδειγμα, μπορείτε να εξαρτήσετε το βαλύτερο που είναι βαλύτερο για ένα δημιουργικό δημιουργείο και να καταστρέψετε το Submit button, ενώ το Form είναι βαλύτερο.

Αν το προσπαθούμε, τώρα το Submit button είναι καταστρέψει, μέχρι να καταστρέψω τα έντια με βαλύτερα δημιουργία. Αυτό είναι καλό, αλλά θα είναι να παρακολουθήσουμε ότι ο χρησιμοποιός χωρίζει το έλεγχο έλεγχο και τότε να το κλικτήσει. Ένα άλλο πράγμα που θα είναι βοηθά για την εμπειρία του χρησιμοποιού είναι να δημιουργήσει προσπαθιστή πληροφορά για την εμπειρία. Στον παρελθόμενο, αν το παρελθόμενο χρόνο είναι 10, οι χρησιμοποιούς γνωρίζουν ότι είναι αδερφές, αλλά δεν γνωρίζουν γιατί.

Οπότε, το χρόνο πραγματικά έχει τρεις ρούλες. Είναι χρειάζεται. Πρέπει να είναι ένας νούμερος. Και πρέπει να είναι περίπου 12 και 120.

όπως ότι το αγόρι είναι χρειάστηκε, το αγόρι πρέπει να είναι ένας τόπος, και το αγόρι πρέπει να είναι περίπου 12 και 120 χρόνια. Έτσι, ακόμα και αν η βασική βασική μπορεί να είναι συμπληρωμένη, υπάρχει τόσο πολλά πράγματα που πρέπει να χρησιμοποιήσουμε και να δημιουργήσουμε, ώστε να καταλήξουμε μια καλή εμπειρία χρησιμοποιημένης. Θα εμπλεμείνουμε όλα αυτά κατά τη στιγμή, αλλά όχι να ειδητοποιήσουμε την οδηγία και να δημιουργήσουμε όλα από την κατάσταση, θα χρησιμοποιήσουμε ένα βουζ Η form-validation είναι ένα φορμό που χρειάζεται κάθε πληκτήρια. Ακόμα και αν υπάρχει μόνο ένα input, πρέπει να βαλυδηθεί κάπως, ακόμα και αν το κάνει μέσα στο HTML.

css file για να δίνει την form χαρούμενη. Εδώ βρίσκεται μια form με ένα input για το user's name και ένα για το h. Όταν η form είναι submit, σημαίνω το submit form method. js file which is the application's code.

Let's see how it looks. Here I create a view instance where I have added the data for the inputs wrapped in an object called form. In the submitForm method, I simply log the form object in the console. Here you would normally submit the form through an AJAX code.

This is how it looks in the browser. Even though this form is quite simple, assuming that both inputs are required, we have to apply some extra rules in order for the data to be valid. Για παράδειγμα, η αίσθηση πρέπει να είναι ένας νούμερος, μεγαλύτερος από 12 και μικρή από 120 αν θέλουμε να δώσουμε μόνο παιδιά πάνω από 12. Ας δούμε πώς μπορούμε να δημιουργήσουμε αυτή τη φορμή χωρίς να χρησιμοποιήσουμε κάποια εξερματικά λιβάρια.

Η πρώτη πράγματα που έρχεται στην σκέψη είναι να κάνουμε ένα σκέψημα στο σημείο Submit Form και να Submit η φορμή μόνο όταν είναι αξιολογημένη. Ωστόσο, θα λογούμε ένα μήνυμα στο κομμάτι. Στον παράδειγμα, η φορμή είναι α Ας δούμε τώρα όταν αυτές οι βαλίες είναι βαλίτες. Η μόνη ρουλή για το όνομα είναι ότι πρέπει να γίνει.

Μπορούμε να δείξουμε αυτό με τη διαδικασία του βαλίου σε έναν Βούλιαν, χρησιμοποιώντας τη δύο εξλαμματική σημασία. Για το τελικό ένδομα, για να είναι βαλίτες, πρέπει να είναι το τυπικό νόμο, μεγαλύτερο από 12 και λευκότερο από 120. Υπάρχει καλό, ας προσπαθήσουμε τη βαλίδια μας στο μπροσέ. Αν τυπήσω κάποιες βαλίες βαλίες και χτύπτω κάποια μη Δεν έχουμε καμία ιδέα γιατί αυτό μπορεί να είναι.

Επομένως, χρειαζόμαστε έναν τρόπο για να δημιουργήσουμε την φορμή της φορμής. Η λόγια για την οποία η φορμή αυτή τη φορμή δεν ήταν αδερφή, είναι γιατί ο τύπος των ενδιαφέροντων είναι στριγμένος. Εντάξει ότι η οικογένεια της φορμής πρέπει να είναι ένας νούμερος, η δημιουργία μας δουλεύει όπως εκπληκθήθηκε. Για να αυτοματικά τυπικούν ένας ενδιαφέροντος ως ένας νούμερος, μπορείτε να προσθέσετε το νούμερο Επομένως, έχουμε επιτρέψει το ορισμό μας, το οποίο είναι να υποστηρίξουμε τη φόρμα μόνο όταν εχει βαλικό δίκαιο.

Ειδικά όταν δουλεύει, χρειαζόμαστε να το δημιουργήσουμε, όπως είπαμε πριν, και να επηρεάζουμε τον χρηματοποίητο για το τι μπορεί να γίνει καλύτερα με την υποστηρίξη. Είναι το όνομα καλύτερο, είναι το όνομα που χρειαζόμαστε. Ειδικά, θα δημιουργήσουμε έναν εμπλουθόμενο σχέδιο για το όνομα. Για παράδειγμα, εάν το όνομα δεν εφαρμόνται, θα π θα δημιουργήσουμε ένα μήνυμα που δείχνει στο χρηματοποίημα του χρηματοποίηματος.

Στην στιγμή, το όνομα είναι σημαντικό και το χρηματοποίημα είναι σημαντικό και οι βασικές βαλίτες του σημαντικού χρηματοποίηματος. Για να μπορούμε να τους εξετήσουμε στο τεμπλίτ, θα πρέπει να τους δημιουργήσουμε είτε ως δεδομένα από το παράδειγμα μας ή στις συγκεκριμένες προϊόνες. Οι δύο προχωρήσεις είναι καλά, αλλά αν θα πάμε με το δεδομένο, θα μπορούμε μόνο να δημ ώστε να γνωρίζουμε αν το νέο δίκαιο είναι βαλικό. Στην άλλη, οι διεθνές προχωρήσεις είναι αντιμετωπιστές και θα μπορούμε να δείξουμε και να ασφαλίσουμε τα διεθνές προχωρήσεις μας σε κάθε σημεία.

Ας κάνουμε αυτό. Θα δημιουργήσω δύο διεθνές προχωρήσεις και θα προχωρήσω το κόδιο από το μέθοδο μας σε κάθε. Τώρα, στο SubmitForm, θα χρησιμοποιήσουμε τα διεθνές προχωρήσεις για να αποφασίσουμε όταν η формα είναι βαλική. Ας δώσουμε αυτό το σημείο στο μπροζόρ.

Αυτ Με τη δημιουργία των δημιουργών για να δημιουργήσουμε όταν οι βαλύτεροι είναι βαλύτεροι, μπορείτε να βάλετε περισσότερες εξαιρετικές στην εξαιρετική του χρηματοποίησης. Για παράδειγμα, μπορείτε να εξαρτήσετε το βαλύτερο που είναι βαλύτερο για ένα δημιουργικό δημιουργείο και να καταστρέψετε το Submit button, ενώ το Form είναι βαλύτερο. Αν το προσπαθούμε, τώρα το Submit button είναι καταστρέψει, μέχρι να καταστρέψω τα έντια με βαλύτερα δημιουργία. Αυτό είναι καλό, αλλά θα είναι να παρακολουθήσουμε ότι ο χρησιμοποιός χωρίζει το έλεγχο έλεγχο και τότε να το κλικτήσει.

Ένα άλλο πράγμα που θα είναι βοηθά για την εμπειρία του χρησιμοποιού είναι να δημιουργήσει προσπαθιστή πληροφορά για την εμπειρία. Στον παρελθόμενο, αν το παρελθόμενο χρόνο είναι 10, οι χρησιμοποιούς γνωρίζουν ότι είναι αδερφές, αλλά δεν γνωρίζουν γιατί. Οπότε, το χρόνο πραγματικά έχει τρεις ρούλες. Είναι χρειάζεται.

Πρέπει να είναι ένας νούμερος. Και πρέπει να είναι περίπου 12 και 120. όπως ότι το αγόρι είναι χρειάστηκε, το αγόρι πρέπει να είναι ένας τόπος, και το αγόρι πρέπει να είναι περίπου 12 και 120 χρόνια. Έτσι, ακόμα και αν η βασική βασική μπορεί να είναι συμπληρωμένη, υπάρχει τόσο πολλά πράγματα που πρέπει να χρησιμοποιήσουμε και να δημιουργήσουμε, ώστε να καταλήξουμε μια καλή εμπειρία χρησιμοποιημένης.

Θα εμπλεμείνουμε όλα αυτά κατά τη στιγμή, αλλά όχι να ειδητοποιήσουμε την οδηγία και να δημιουργήσουμε όλα από την κατάσταση, θα χρησιμοποιήσουμε ένα βουζ