Проверка формы в javascript - минимальные символы

Question

Мне нужно проверить форму и я хочу, чтобы на каждом входе должно было быть больше 6 символов.

Следующий скрипт работает для 0 символов.

Как отредактировать его, чтобы установить минимальный предел символов до 6?

<script> 
    function validateForm(formId) 
    { 
     var inputs, index; 
     var form=document.getElementById(formId); 
     inputs = form.getElementsByTagName('input'); 
     for (index = 0; index < inputs.length; ++index) { 
      // deal with inputs[index] element. 
      if (inputs[index].value==null || inputs[index].value=="") 
      { 
       alert("Field is empty"); 
       return false; 
      } 
     } 
    } 

Вот форма:

<form name="myForm" id="myForm" method="post" action="" onsubmit="return validateForm('myForm');" style="margin-bottom:10px;" _lpchecked="1"> 
    <div id="InputsWrapper"> 
     <div> 
      <input type="text" name="mytext[]" id="field_1" value="http://"> 
      <a href="#" id="AddMoreFileBox" style="font-size:12px;margin:0 0 0px 0;"><img src="images/plus.png" style="margin-left:10px;height:24px;"> 
      </a> 
     </div> 
    </div> 
    <div style="height:10px;"></div> 
    <input type="submit" style="border:none;background-color:#ff9900;padding:10px 30px 10px 
    30px;font-size:24px;font-weight:bold;color:#FFF;" value="CONTINUE"> 
</form> 

Answer 1

Внутри цикла, проверьте valuelength

if (inputs[index].value==null || inputs[index].value=="" || inputs[index].value.length < 6) { 
    alert("Field is not 6 characters minimum!"); 
    return false; 
} 

Answer 2

Вы можете проверить, если поле имеет 6 символов с помощью:

if (document.forms["name"]["field name"].value < 6). 

Answer 3

Я хотел бы предложить назначая CSS класс («InputClassName» в данном примере) к входам, которые вы хотите проверить против - и затем изменить код, чтобы что-то вроде этого:

inputs = form.getElementsByClassName('InputClassName'); 
for (index = 0; index < inputs.length; ++index) { 
     if (inputs[index].value==null || inputs[index].value=="" || inputs[index].value.length < 6)) 
     { 
      alert("Field must be 6 characters or more"); 
      return false; 
     } 
    } 

Преимущество этого подход заключается в том, что вы можете добавлять переключатели или флажки БЕЗ класса «InputClassName», которые имеют значения менее 6 символов, и ваша логика будет работать. При текущей настройке ваша логика сломается.