Web Analytics Made Easy -
StatCounter
Javascript Age validation script – Εισαγωγη ηλικιας για προσβαση. – Devacron.com

Javascript Age validation script – Εισαγωγη ηλικιας για προσβαση.

 Αν το περιεχομενο του website που φτιαχνετε ειναι ακαταλληλο για ατομα κατω των 18 ετων τοτε καλο θα ηταν κατα την εισοδο του χρηστη να συμπληρωνει την ηλικια του σε ενα πεδιο. Αυτο βεβαια δε σημαινει οτι υπαρχει προστασια αφου μπορει να βαλει οτι ημερομηνια θελει ομως ετσι ειναι σαν να αποδεχεται αυτο που θα δει παρακατω.

Javascript_Age_validation

 Ο κωδικας ειναι αρκετα απλος και για την ακριβεια χρησιμοποιησα κομματια απο προηγουμενα ποστ. Εχουμε ενα πινακακι html με δυο input. Eνα το πεδιο για την ημερομηνια και ενα κουμπακι. Λιγο css styling και το jquerytools dateinput plugin για να μας κανει ευκολη τη ζωη στην εισαγωγη της ημερομηνιας. Λιγο προσοχη μονο στο οτι εγω προσθεσα και αυτα format: ‘mm / dd / yyyy’, selectors: ‘true’, yearRange: [-100,1]. Ας δουμε τον κωδικα:

Αυτο που κανω λοιπον ειναι μεσω jquery να επιλεγω το κουμπι και να του βαζω οταν γινει σε αυτο κλικ να τρεχει μια function η οποια παιρνει την τιμη του πεδιου και την συγκρινει με την σημερινη ημερομηνια. Αν ειναι πανω απο 18 βγαζει Access granted διαφορετικα δεν επιτρεπεται η προσβαση.

Μπορειτε να το δειτε online εδω η αν θελετε μπορειτε να κατεβασετε τον κωδικα και τα images/css κανοντας κλικ στο παρακατω link.

Javascript_Age_validation

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.