使用javascript进行表单验证 - 最小字符数

我需要验证表单，并且我希望每个输入必须有6个以上的字符。使用javascript进行表单验证 - 最小字符数

以下脚本适用于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>

来源

2014-10-17 Fede Rossi

'if（inputs [index] .value.length <6）' – juvian 2014-10-17 17:54:32

请在发布之前格式化您的html。使用http://jsbeautifier.org/。我格式化你的代码。 – 2014-10-17 18:01:14

在循环中，检查valuelength

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

来源

2014-10-17 17:54:45 tymeJV

您可以检查是否某个字段使用6个字符：

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

来源

2014-10-17 18:17:01

我建议指定一个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个字符，并且您的逻辑将仍然有效。在目前的设置下，你的逻辑会破坏。

来源

2014-10-17 18:20:33

使用javascript进行表单验证 - 最小字符数

回答

相关问题