Jquery 具有动态输入的表单验证

第一期

用户可以单击按钮将输入动态附加到表中。提交后，应验证每个输入。以下内容适用于第一个追加的输入，但不适用于所有为空的后续输入（因为范围已经存在）：

我可能在这里遇到了与

$（'span:contains（“输入项目名称”））相同的问题。

。谢谢你的想法

将

$（'span:contains（“输入项目名称”））

更改为

$（this）。最近的（'td'）。查找（'span:contains（“输入项目名称”））

似乎有效

     $('input[id^=item_name]').each(function() {
        name = $(this).closest('tr').find('input[id^=item_name]').val();
        if(name==null || name==''){
            if ($('span:contains("Enter an item name")').length==0){
                $(this).closest('td').addClass('has-error');
                $(this).after('<span class="error" style="color:red;font-size:14px;">Enter an item name</span>');
            }
        }
    });

   $('input[id^=item_name]').focusout(function(){
        name = $(this).closest('tr').find('input[id^=item_name]').val();
        if(name==null || name==''){
            if ($('span:contains("Enter an item name")').length==0){
                $(this).closest('td').addClass('has-error');
                $(this).after('<span class="error" style="color:red;font-size:14px;">Enter an item name</span>');
            }
        }
        else {
            $('span:contains("Enter an item name")').remove();
        }   
    });