Question

我的产品有五对名称和价格输入，我想如果我输入名称标签我也应该输入价格标签：我为它编写了这段代码并且可以正常工作

function empty() {
var p21 , pr21 , p22 , pr22, p23 , pr23 , p24 , pr24 , p25 , pr25
p21 = document.getElementById("pname21").value;
p22 = document.getElementById("pname22").value;
p23 = document.getElementById("pname23").value;
p24 = document.getElementById("pname24").value;
p25 = document.getElementById("pname25").value;
pr21 = document.getElementById("price21").value;
pr22 = document.getElementById("price22").value;
pr23 = document.getElementById("price23").value;
pr24 = document.getElementById("price24").value;
pr25 = document.getElementById("price25").value;
if (p21 =="" && p22 =="" && p23 =="" && p24 =="" && p25 ==""){alert("enter a product");return false;};
if ((p21 !== ""  && pr21 =="") || (p21=="" && pr21 !=="")){alert("enter product with price");return false;};
if ((p22 !== ""  && pr22 =="") || (p22=="" && pr22 !=="")){alert("enter product with price");return false;};
if ((p23 !== ""  && pr23 =="") || (p23=="" && pr23 !=="")){alert("enter product with price");return false;};
if ((p24 !== ""  && pr24 =="") || (p24=="" && pr24 !=="")){alert("enter product with price");return false;};
if ((p25 !== ""  && pr25 =="") || (p25=="" && pr25 !=="")){alert("enter product with price");return false;};
}

但我想从循环中使用它并尝试使用这样的东西：

    var k =2;
    function empty() {
    for (var l = 1; l <= 5; l++) {
    var 'p'+k+l = document.getElementById("pname"+k+l).value;
    .....
    }

显然是错的。我读过有关阵列的信息，但并不感到不安，我该怎么做。

这是我的表格：

<form>
        <?php for($i=1; $i<=5 ; $i++){?>
    <input type="text" id="<?php echo 'pname'.$i ;?>" name="<?php echo 'pname'.$i ;?>" >
    <input type="number" id="<?php echo 'price'.$i ;?>" name="<?php echo 'price'.$i ;?>">
        <?php } ?>
    <button type="submit" onClick="return empty();">submit</button>
</form>

Answer 1

尝试在连接产品选择器和价格选择器的数组中定义所有Vue.prototype.$csrfToken = token;，然后遍历数组：

id

多输入表单验证js

1 个答案: