javascript - JavaScriptフォームの検証が機能せず、その理由がわかりません

Question

だから私はこの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> 

そして、このパスワード用の JavaScript (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>

私は何を間違っていますか？パスワードが 5 ～ 10 文字であることを送信時に確認したい。ありがとうございました！

Answer 1

に置き換え.lengthます.value.length。

Answer 2

使用してみてください

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

それ以外の

formElement.Allowed_traffic

Answer 3

length現在、要素自体のプロパティを見ています<input>(おそらく存在しません)。見たいのは要素の値lengthのプロパティなので、次のようにします。<input>

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;
}

if ... else if最初の条件が true の場合、2 番目の条件は true にならないため、に変更したことに注意してください。