Απαγορευση του copy – paste σε πεδιο με jQuery

Ολοι σιγουρα εχουμε μπει στη διαδικασια συμπληρωσης μιας φορμας σε καποιο website. Ειτε αυτη ηταν για registration ειτε για μια online αγορα. Εκει λοιπον χρειαστηκε να συμπληρωσουμε καποια στοιχεια και το πιθανοτερο ειναι να χρειαστηκε να πληκτρολογησουμε καπου δυο φορες πχ το email μας. Αν εχετε γραφτει σε πολλα website θα δειτε οτι καποια σας αφηνουν να κανετε αντιγραφη – επικολληση  οτι εχετε γραψει απο το πρωτο πεδιο στο δευτερο. Καποια αλλα ομως οχι. Αυτο γινεται κυριως να αποφευθουν ανεπιθυμητα αποτελεσματα οπως, πληκτρολογηση του email λαθος στο πρωτο πεδιο και αντιγραφη του λανθασμενου email στο δευτερο πεδιο. Επειτα ο χρηστης κανει submit τη φορμα και το email δεν ερχεται ποτε.

Ενημερωτικα να σας πω, πως σε ενα απο τελευταια patch που βαλαμε στο site της εταιρειας διορθωνε αυτο το προβλημα. Περιπου 8000 (ναι 8000!) ατομα το μηνα πληκτρολογουσαν λαθος το email τους και το αντεγραφαν στο “Confirm email”! Ο κωδικας ειναι παρα πολυ απλος και βασιζεται στο .bind() method της jQuery. Μεσω αυτης μπορουμε να απενεργοποιησουμε την default λειτουργεια του event που θελουμε. Εν προκειμενω του copy-paste-cut. Το παρακατω παραδειγμα νομιζω δεν θελει περισσοτερες εξηγησεις:

 

Leave a Reply

Your email address will not be published. Required fields are marked *