Περιορισμός του μήκους ενός πεδίου

Αν δεν θέλουμε το μήκος του πεδίου να ξεπερνά ένα συγκεκριμένο μέγεθος (π.χ. για να μη μας δώσουν ταχυδρομικό κώδικα με περισσότερα από 5 νούμερα) χρησιμοποιούμε τον ακόλουθο κώδικα:

<HTML><HEAD><TITLE>Δοκιμές</TITLE></HEAD></BODY>
<script type='text/javascript'>
function lengthRestriction(elem, min, max){
var uInput = elem.value;
if(uInput.length >= min && uInput.length <= max){
return true;
}else{
alert("Please enter between " +min+ " and " +max+ " characters");
elem.focus();
return false;
}
}
</script>
<form>
Username(6-8 characters): <input type='text' id='restrict'/>
<input type='button'
onclick="lengthRestriction(document.getElementById('restrict'), 6, 8)"
value='Check Field' />
</form></BODY></HTML>

Εδώ η function ονομάζεται lengthRestriction και της δίνουμε 3 μεταβλητές (variables). Το input της φόρμας, τον μέγιστο και τον ελάχιστο αριθμό χαρακτήρων.

Εδώ η if έχει δύο μέρη. Ελέγχει αν η μεταβλητή uInput που περιέχει ό,τι πληκτρολόγησε ο χρήστης έχει μέγεθος >= και ταυτόχρονα (&&) =< από τη μέγιστη και την ελάχιστη τιμή.

Προσέξτε ότι:

Η if θα μπορούσε να διατυπωθεί και ως: if(elem.value.length >= min && elem.value.length <= max). Δημιουργήσαμε την uInput για να βλέπουμε πιο καθαρά τι κάνουμε.

Για να εμφανίσουμε σε ένα text box τα δεδομένα (περιεχόμενο) μιας μεταβλητής τα περικλείουμε με +.

Περιορισμός του μήκους ενός πεδίου

Τρέχουσα Ενότητα: Javascript