javascript中的表单验证-最少字符数

javascript中的表单验证-最少字符数,javascript,forms,Javascript,Forms,我需要验证一个表单,我希望每个输入必须有6个以上的字符 以下脚本用于0个字符 如何编辑它以将最小字符限制设置为6 <script> function validateForm(formId) { var inputs, index; var form=document.getElementById(formId); inputs = form.getElementsByTagName('input');

我需要验证一个表单,我希望每个输入必须有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;
            }
        }
    }

函数validateForm(formId)
{
var输入,指数;
var form=document.getElementById(formId);
inputs=form.getElementsByTagName('input');
用于(索引=0;索引

表格如下:

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

在循环内部,检查
长度

if (inputs[index].value==null || inputs[index].value=="" || inputs[index].value.length < 6) {
    alert("Field is not 6 characters minimum!");
    return false;
}
if(输入[index].value==null | |输入[index].value==“| |输入[index].value.length<6){
警报(“字段不少于6个字符!”);
返回false;
}

您可以使用以下方法检查字段是否有6个字符:

if (document.forms["name"]["field name"].value < 6).
if(document.forms[“name”][“field name”]。值<6)。

我建议将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;
        }
    }
inputs=form.getElementsByClassName('InputClassName');
用于(索引=0;索引

这种方法的优点是,您可以添加单选按钮或复选框,而不使用“InputClassName”类,该类的值小于6个字符,并且您的逻辑仍然有效。使用当前设置,您的逻辑将中断。

if(输入[index].value.length请在发布is之前格式化html。使用.I格式化代码。