验证循环中的元素

Question

我在验证 for 循环中的每个 PhoneNumber 文本框时遇到问题。 我的验证功能适用于单个 Texbox，但是当我尝试应用于循环时，我不知道 javascript 如何理解循环的索引。

需要帮助！

@for (int i = 0; i < Model.Count; i++)
  {
    <tr>
       <td>
         <div>
            <b>Phone Number:</b>
             @Html.EditorFor(model => model[i].Hotline, new { htmlAttributes = new { @class = "form-control ShortInput", id = "hotline[i]//html doesn't understand the index here"  maxlength = "15" } })
             <span class="ErrorBlock field-validation-valid"></span>
          </div>
         </td>
</tr>

这是验证函数：

function validateForm() {
     var result = true;
     result = checkPhone('#hotLine//"how could I get the index here"', 'Invalid phone number.') && result;
      return result;
        }

Answer 1

它无法识别 html 中的索引，因为它把它当作一个字符串。您可以做的是，在循环内，使用 var，然后将该 var 分配给您的 id。 比如：

@for (int i = 0; i < Model.Count; i++)
  {
    var dynamicId = "hotline["+@i+"]";
    <tr>
       <td>
         <div>
            <b>Phone Number:</b>
             @Html.EditorFor(model => model[i].Hotline, new { htmlAttributes = new { @class = "form-control ShortInput", id = dynamicId  maxlength = "15" } })
             <span class="ErrorBlock field-validation-valid"></span>
          </div>
         </td>
</tr>

可能有一些语法错误，但这应该可以。

在jquery中，你可以做这样的事情；

function validateForm() {
     var result = true;
     $('.ShortInput').each(function() {
    var id = $(this).id; 
    // TODO: whatever operation you want to perform
});
        }