jquery - 如何验证生成的 html 表（网格）中的文本框

Question

我需要验证生成的 html 表（网格）中每个文本框的值。当我单击保存按钮时，它将查看所​​有文本框控件并验证它是否包含值。任何帮助都非常感谢。

HTML 代码

<table class="dynamictable">
            <thead>
                <tr>
                    <th style="display: none"></th>
                    <th>Package Name</th>
                    <th>Package Cost</th>
                    <th>No. of Attendees</th>
                    <th>Delete</th>
                </tr>
            </thead>
            <tbody>
                <tr class="prototype">
                    <td style="display: none"><input type="hidden" name="id[]" value="0" class="id" /></td>
                    <td><input type="text" name="packagename[]" value="" /></td>
                    <td><input type="text" name="packagecost[]" value="" /></td>
                    <td><input type="text" name="noofattendees[]" value="" /></td>
                    <td>@Html.ActionImage("", null, "~/Content/Images/delete.gif", "Delete", new { @class = "deleterows" }) </td>
                </tr>
            </tbody>
        </table>

Answer 1

使用简单的 javascript 你就可以做到。

var a=document.getElementsByTagName("input");
for(var i=0;i<a.lenth;i++){
    if(a[i].type=="text"){
        if(a[i].value == ""){
            alert("Please enter value");
            a[i].focus();
            return false;
        }
    }
}

return true;