Επικύρωση τα δεδομένα που καταχωρούνται από χρήστες με jQuery και PHP

Επικύρωση client-side φόρμα μας έχει γίνει πολύ εύκολο λόγω της jQuery, αλλά να είναι πραγματικά βέβαιος ότι εισάγει ο χρήστης έχει παρασχεθεί ακριβώς όπως περίμεναν είναι μια καλή ιδέα να αναπαραγάγει το check out από την πλευρά του διακομιστή.

Αλλά αν χρησιμοποιήσουμε AJAX να επικοινωνούν με το διακομιστή (και ως εκ τούτου με την PHP, για παράδειγμα), μπορούμε να αποφασίσουμε να αναθέσει το σύνολο των ελέγχων, απευθείας στον server.

Προετοιμασία για την εμφάνιση

Για το παράδειγμά μας, θα πρέπει προφανώς jQuery, PHP και jQuery UI των πιστών

Κατά τη στιγμή της γραφής, το jQuery UI πακέτο περιέχει έκδοση 1.8.10 και 1.4.4 του jQuery σενάριο, έτσι δεν αποδίδουν στον πειρασμό να χρησιμοποιήσει τη νέα jQuery 1,5 που έχω περιγράψει εδώ και "να είναι το περιεχόμενο» της προτεινόμενης δέσμης.

Επιλέξτε ένα θέμα με ουδέτερο θέμα του κυλίνδρου Ui :

Στη συνέχεια θα πάμε για να κατεβάσετε αυτό που χρειαζόμαστε:

Στο πακέτο που κατεβάσατε. "Js" χρήσιμες jQuery και jQuery-ui-1.4.4.min.js-1.8.10.custom.min.js μέσα στο φάκελο js, css φάκελο μέσα στο ίδιο όνομα και μπορούμε να απαλλαγούμε ανάπτυξη-δέσμη φάκελο και το αρχείο ως index.html

Εμείς δομή όλοι σε μια γραμμή δέντρο και αυτό είναι το αποτέλεσμα δείχνει όπως Eclipse :

Όπως μπορείτε να δείτε στην εικόνα που έχουμε προσθέσει μια index.html αρχείο στη ρίζα, μια index.js σε js και css στο style.css, έχουμε επίσης δημιουργήσει ένα φάκελο "php" με ένα εσωτερικό αρχείο: Σας remote.php φροντίσει για την επικύρωση του διακομιστή.

Το σενάριο

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

Θα επικεντρωθεί στην επικύρωση από τα πεδία που εισάγει ο χρήστης και όχι την πραγματική αποθήκευση των δεδομένων, τα οποία είναι πέρα ​​από τους σκοπούς μας, τότε είναι αρκετό να βάλει στη σωστή θέση μιας κλήσης βάσης δεδομένων για την ένταξη των αποκτηθέντων πληροφοριών. Θα κάνουμε χρήση της jQuery διαλόγου Component Ui προειδοποιεί το χρήστη για να δείξει, έτσι ώστε να έχουν κάτι πιο ευχάριστο οπτικά, modern classics προειδοποίησης που παρέχονται από το πρόγραμμα περιήγησης.

• <<
• 1
• 2
• 3
• 4
• >>