javascript validation du formulaire ne fonctionne pas et ne peut pas pourquoi nageoire

Question

J'ai donc ce html:

<form action="insert.php" method="post" onsubmit="return validateForm(this)"> 
<label for="FUP start date">FUP start date:</label> 
<input type="text" name="inputField" id="inputField"/> 
</br> 
</br> 
<label for="FUP end date">FUP end date:&nbsp;</label> 
<input type="text" name="inputField2" id="inputField2" /> 
</br> 
</br> 
<label for="Allowed traffic">Allowed traffic:</label> 
<input type="text" name="Allowed_traffic" id="Allowed_traffic"/> 
</br> 
</br> 
<label for="Frequency">Frequency:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label> 
<input type="text" name="Frequency" id="Frequency" /> 
</br> 
</br> 
<input type="submit" value="submit"> 
</form> 

Ce javascript pour mot de passe (Parola):

<script> 
function validateForm(formElement) { 
    if (formElement.Allowed_traffic.length < 5) { 
    alert('aaaPlease enter a password that is at least 5 characters long'); 
    return false; 
} 
if (formElement.Allowed_traffic.length > 10) { 
    alert('Please enter a password that is less than 10 characters long'); 
    return false; 
} 
} 

</script> 

Qu'est-ce que je fais mal? Je veux vérifier sur soumettre que le mot de passe a entre 5 et 10 caractères. Merci!

Answer 1

Remplacer .length par .value.length.

Answer 2

Vous regardez actuellement la propriété length de l'élément <input> elle-même (qui n'existe probablement pas). Ce que vous voulez être regarder est la propriété lengthde la valeur de l'élément<input>, donc procédez comme suit:

if (formElement.Allowed_traffic.value.length < 5) { 
    alert('aaaPlease enter a password that is at least 5 characters long'); 
    return false; 
} 
else if (formElement.Allowed_traffic.value.length > 10) { 
    alert('Please enter a password that is less than 10 characters long'); 
    return false; 
} 

Notez que je l'ai changé pour un if ... else if parce que si la première condition est vraie alors le second ne peut pas être.

Answer 3

Essayez d'utiliser

var Allowed_traffic = document.getElementById("Allowed_traffic"); 

au lieu de

formElement.Allowed_traffic