Η επιστροφή του “false” από το πρόγραμμα χειρισμού υποβολής θα αποτρέψει την υποβολή της φόρμας. Ο έλεγχος υποβολής φόρμας από την πλευρά του πελάτη μπορεί να επιτευχθεί αρκετά κομψά, βάζοντας τον χειριστή onsubmit να αποκρύψει το κουμπί υποβολής και να το αντικαταστήσει με ένα κινούμενο σχέδιο φόρτωσης. Με αυτόν τον τρόπο ο χρήστης λαμβάνει άμεση οπτική ανατροφοδότηση στο ίδιο σημείο όπου έγινε η ενέργειά του (το κλικ). Ταυτόχρονα αποτρέπετε την υποβολή της φόρμας άλλη φορά.
Πώς μπορώ να σταματήσω μια φόρμα να υποβληθεί δύο φορές;
Η επιστροφή του “false” από τον χειριστή υποβολής θα αποτρέψει την υποβολή της φόρμας.
Πώς μπορώ να απενεργοποιήσω μια φόρμα μετά την υποβολή;
Ενεργοποίηση / Απενεργοποίηση κουμπιού υποβολής 1.1 Για να απενεργοποιήσετε ένα κουμπί υποβολής, πρέπει απλώς να προσθέσετε ένα απενεργοποιημένο χαρακτηριστικό στο κουμπί υποβολής. $(“#btnΥποβολή”). attr(“disabled”, true); 1.2 Για να ενεργοποιήσετε ένα κουμπί απενεργοποιημένο, ορίστε το χαρακτηριστικό απενεργοποιημένο σε false ή αφαιρέστε το χαρακτηριστικό απενεργοποιημένο.
Πώς μπορώ να σταματήσω τη φόρτωση εκ νέου μιας φόρμας για υποβολή;
Χρησιμοποιήστε τη μέθοδο preventDefault() στο αντικείμενο συμβάντος για να αποτρέψετε μια ανανέωση σελίδας στη φόρμα που υποβάλλεται στο React, π.χ. Εκδήλωση. preventDefault() . Η μέθοδος preventDefault εμποδίζει το πρόγραμμα περιήγησης να εκδώσει την προεπιλεγμένη ενέργεια που στην περίπτωση υποβολής φόρμας είναι η ανανέωση της σελίδας.
Πώς σταματάτε να υποβάλλετε ξανά μια φόρμα αφού κάνετε κλικ στο κουμπί πίσω;
Μπορείτε να ελέγξετε αν ο χρήστης έκανε κλικ στο κουμπί πίσω, να απενεργοποιήσετε τη φόρμα εάν είναι αληθής. Ένας άλλος τρόπος είναι η αποθήκευση ενός cookie το οποίο ελέγχετε κατά τη φόρτωση της σελίδας, εάν υπάρχει μπορείτε να απενεργοποιήσετε τη φόρμα.
Πώς να αποτρέψετε πολλές φορές την υποβολή της φόρμας;
Η πιο απλή απάντηση σε αυτήν την ερώτηση όπως τέθηκε: “Μερικές φορές, όταν η απόκριση είναι αργή, μπορεί κανείς να κάνει κλικ στο κουμπί υποβολής πολλές φορές. Πώς να αποτρέψετε αυτό;” Απλώς απενεργοποιήστε το κουμπί υποβολής φόρμας, όπως ο παρακάτω κώδικας. Θα απενεργοποιήσει την υποβολήκουμπί, στο πρώτο κλικ για υποβολή.
Τι συμβαίνει εάν μια φόρμα υποβληθεί δύο φορές;
Το μοναδικό αναγνωριστικό προσδιορίζει την παρουσία της φόρμας, η οποία πρέπει να υποβληθεί μόνο μία φορά. Εάν αυτό το αναγνωριστικό υποβληθεί δύο φορές, επισημαίνεται ως διπλότυπο. Εάν ο χρήστης θέλει να υποβάλει ξανά, πρέπει να φορτώσει ξανά τη φόρμα. Απενεργοποιήστε το κουμπί υποβολής αμέσως μετά από ένα κλικ. Βεβαιωθείτε ότι χειρίζεστε σωστά τις επικυρώσεις.
Πώς να αποτρέψετε τις υποβολές φορμών όταν η φόρμα δεν υποβάλλεται;
Θα πρέπει επίσης να καλέσετε το preventDefault για να αποτρέψετε την προεπιλεγμένη ενέργεια φόρμας για τις υποβολές φορμών Ajax. συνάρτηση mySubmitFunction (e) { e.preventDefault (); someBug (); επιστροφή ψευδής? } Σε αυτήν την περίπτωση, ακόμη και με το σφάλμα η φόρμα δεν θα υποβληθεί! Εναλλακτικά, θα μπορούσε να χρησιμοποιηθεί ένα μπλοκ try…catch.
Πώς μπορώ να αποτρέψω την υποβολή διπλότυπων φορμών;
Προσθέστε το αναγνωριστικό περιόδου λειτουργίας στη συμβολοσειρά που κατακερματίζετε και/ή ελέγξτε όλα τα πεδία της φόρμας για ακριβή ομοιότητα. δύο χρήστες πιθανότατα δεν υπέβαλαν ακριβώς την ίδια φόρμα. Το «υπερβολικό» είναι στο μάτι του θεατή. Εάν χρειάζεται πραγματικά να αποτρέψετε την υποβολή διπλότυπων φορμών, τουλάχιστον μέρος της λύσης πρέπει να είναι από την πλευρά του διακομιστή. “Δεν μπορείτε να εμπιστευτείτε τους χρήστες.”
