Javascript 使用动态ID和名称验证动态生成的输入框

我有一个按钮，在单击时添加两个输入字段。代码如下：

<button type="button" class="btn btn-warning btn-xs" id="additem">
Click here to add Items</button>
<form>
<div id="inputboxes"></div>
<input type="submit">
</form>

JQuery是

var i = 1,
    j = 1,
    k = 1,
    l = 1;
$("#additem").click(function () {
    $("#inputboxes").append("<div class='form-group'><input type='text' id='iname" +
        (j++) +
        "' name='iname" +
        (i++) +
        "' class='form-control'  placeholder='Enter Item Name' required='required'/></div> " +
        "<div class='form-group'><input type='text' id='iprice" +
        (k++) +
        "'   name='iprice" +
        (l++) +
        "' class='form-control'  placeholder='Enter Item Price' required='required'/></div>");
})

---

如何在提交表单时验证这些动态添加的输入框中的空值和正确值？

您可以执行以下操作：

$('.form-group').each(function(){
  var input = $(this).children('input');
  if(input.val() == '' || input.val() == undefined){
    // the errors you will give
  }else{
    if(input.attr('id').substring(0, 5) == 'iname'){
      //function to validate your iname
    }else if(input.attr('id').substring(0, 6) == 'iprice'){
      //function to validate your iprice
    }
  }
});

---

你试了什么。。？你所说的正确值是什么意思。。？你面临的问题是什么？我试着用“iname”和“iprice”来验证，但没有成功。正确的值表示在Iteam价格中只允许数字。问题是字段没有得到验证。对于动态名称字段和表单验证，请添加一个函数来添加验证空字段以检查空输入，它位于foreach中，如下所示：ifinput.val=|input.val==未定义{//您将给出的错误}但它并不是在验证jquery添加的空字段。您何时调用此函数？我正在调用此函数，单击提交按钮。。为了更好地理解，你能写一首小提琴吗