Question

PL。建议我如何在javascript中验证数组值。我发布了我目前正在使用的代码。问题是即使在填满所有值之后，我仍然会收到验证错误消息。 PL。告诉我我哪里错了

function chkdate() {
    var x = document.forms["main"]["date"].value;
    if (x == null || x == "") {
        document.forms["main"]["date"].focus();
        document.forms["main"]["date"].style.background = 'red';
        alert("Date Cannot be empty");
        return false;
    }
}

function chkempty() {
    var len = document.forms["main"]["item[]"].length;
    if (len == undefined) {
        var ic = document.forms["main"]["item[]"].value;
        var iq = document.forms["main"]["qty[]"].value;
        var ip = document.forms["main"]["price[]"].value;
        if (ic == null || ic == "") {
            document.forms["main"]["item[]"].focus();
            document.forms["main"]["item[]"].style.background = 'red';
            alert("Item Cannot be empty");
            return false;
        }
        if (iq == null || iq == "") {
            document.forms["main"]["qty[]"].focus();
            document.forms["main"]["qty[]"].style.background = 'red';
            alert("Qty Cannot be empty");
            return false;
        }
        if (ip == null || ip == "") {
            document.forms["main"]["price[]"].focus();
            document.forms["main"]["price[]"].style.background = 'red';
            alert("Price Cannot be empty");
            return false;
        }
    } else for (i = 0; i < len; i++) {
        var ica = document.forms["main"]["item[]"][i].value;
        var iqa = document.forms["main"]["qty[]"][i].value;
        var ipa = document.forms["main"]["price[]"][i].value;
        if (ica == null || ica == "") {
            document.forms["main"]["item[]"][i].focus();
            document.forms["main"]["item[]"][i].style.background = 'red';
            alert("Item Cannot be empty");
            return false;
        }
        if (iqa == null || iqa == "") {
            document.forms["main"]["qty[]"][i].focus();
            document.forms["main"]["qty[]"][i].style.background = 'red';
            alert("Qty Cannot be empty");
            return false;
        }
        if (ipa == null || ipa == "") {
            document.forms["main"]["price[]"][i].focus();
            document.forms["main"]["price[]"][i].style.background = 'red';
            alert("Price Cannot be empty");
            return false;
        }
    }
}

其他细节是： -

表格名称：主要输入框项目，数量和价格是基于用户要求的动态行。谢谢大家。

Answer 1

我建议您首先将JQuery与validate plugin一起使用。

然后对于你的情况，请按照这个适用于我的例子：

$("#testform").validate({
    rules: {'qty[]': {required: true,minlength: 1},
    //other rules here
},
messages: {
    'qty[]': "Select at least one qty",
    //other custom error msgs go here
}
});

<input name="qty[]" id="1" value="1" type="checkbox" /> 
<input name="qty[]" id="2" value="2" type="checkbox" /> 
<input name="qty[]" id="3" value="3" type="checkbox" />

N.B。必须使用引号（'qty []'）指定数组值字段的名称否则你会得到一个js错误。

如何在javascript中验证动态行数组值

1 个答案: