Question

大家好我正在开发一个类似于购物车的项目。我在我的视图中使用以下代码生成文本框（用于选择数量）：

    @foreach (var item in Model)
     {
      <tr>
      <td align="left" class="Text_nocolor">
       @Html.DisplayFor(modelItem=>item.ProductName)                                
       /td>
       <td align="right" class="Text_nocolor" valign="top">
      @using (Html.BeginForm("Update", "Cart", new { UserID = Request.QueryString["UserID"] }, FormMethod.Post, new { id = "myForm" }))
       {               
    <input id="Quantity" type="text" class="Text_nocolor" name="Quantity" value="@item.Quantity"  @*onblur="return NumberOnlyTextBox(event)"*@  onchange="return allownumbers()" maxlength="3"/>  
@Html.Hidden("unitrate", item.Rate)               
                                                    <input type="submit" value="Edit" class="Text_nocolor" onkeypress="return validateNumbersOnly(e);" onclick="return RegainFocus();" />
       }

在上面的代码中，“id = Quantity”表示文本框。我已经为这些文本框的仅限数字验证编写了一个javascript。这些是我的javascript函数：

 <script type="text/javascript">
        function RegainFocus() {
            if ((document.getElementById("Quantity").value).length == 0) {
                document.getElementById("Quantity").focus();
                alert("Quantity cannot be empty");
                document.getElementById("Quantity").value = document.getElementById("Quantity").defaultValue;
                return false;
            }
            else if ((document.getElementById("Quantity").value) > 100) {
                alert("There is no enough inventory for this product to fulfill your order");
                document.getElementById("Quantity").value = document.getElementById("Quantity").defaultValue;
                return false;
            }
        }
    </script>
    <script type="text/javascript">
        function allownumbers() {
            //      var elements = document.getElementsByName('Quantity');
//           for()
            var val = parseInt(document.getElementsByName("Quantity").item(1).value);
            alert(val);
            if (!val || val < 1) {
                alert('Please enter a valid value');
                document.getElementById("Quantity").value = document.getElementById("Quantity").defaultValue;
                return false;
            }
            document.getElementById("Quantity").value = val;
            return true;
        }
     </script>

我的问题是验证仅适用于第一个文本框而不适用于其他文本框。任何人都可以提供解决方案吗？谢谢

Answer 1

使用以下代码段尝试：

onkeypress="return validateNumbersOnly(this);" onclick="return RegainFocus(this);"
...
function RegainFocus(obj)
{
  if ((document.getElementById(obj).value).length == 0) {
    ..
}
..

希望它有所帮助。

将javascript验证传递给mvc3中的动态文本框

1 个答案: