获取具有相同名称的多输入文本的值

debugcn 发表于 Dev

西迪·梅德

我想获取具有动态值并具有相同名称的输入值

<form name="myForm"  onsubmit="return validQuantite()" method="post">
<td align="center"><FONT ><b><input type="text" name="qt[]" value=""&nbsp;</b></font></td>
<td align="center"><FONT ><b><input type="text" name="qt[]" value=""&nbsp;</b></font></td>
<td align="center"><FONT ><b><input type="hidden" name="originqt[]" value="2"&nbsp;</b></font></td>
<td align="center"><FONT ><b><input type="hidden" name="originqt[]" value="3"&nbsp;</b></font></td>
<center><input type="Submit" style="WIDTH: 120px; HEIGHT: 25px" name="Confirm" value="Confirm">
</form>

javascript

function validQuantite() {
    var x = document.forms["myForm"]["qt[]"].values;
    var originqt = document.forms["myForm"]["originqt[]"].values;
    for(var i=0;i<x.length;i++){
    if (x[i] == null || x[i] == "" || x[i] == 0 || x[i] > originqt) {
        alert("error Quantite");
        return false;
    }

    }
}

米兰嘉达

首先检查你的html。
我没有找到<输入结束标签。

<form name="myForm"  method="post"  onsubmit="return validateForm()">
<td align="center"><FONT ><b><input type="text" name="qt[]" value=""></b></font></td>
<td align="center"><FONT ><b><input type="text" name="qt[]" value=""></b></font></td>
<td align="center"><FONT ><b><input type="hidden" name="originqt[]" value="2"></b></font></td>
<td align="center"><FONT ><b><input type="hidden" name="originqt[]" value="3"></b></font></td>
<center><input type="Submit" style="WIDTH: 120px; HEIGHT: 25px" name="Confirm" value="Confirm" >
</form>

您的JavaScript应该是这样的：

<script type="text/javascript">

  function validateForm() {
    var x = document.forms["myForm"].elements.namedItem("qt[]");
    var originqt = document.forms["myForm"].elements.namedItem("originqt[]");
    for(var i=0;i<x.length;i++){

    if (x[i].value == null || x[i].value == "" || x[i].value == 0 || x[i].value > originqt[i].value) {
        alert("error Quantite");
        return false;
    }

    }
}
</script>

您必须使用value与x[i]。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。