将onblur事件添加到ASP.Net MVC的Html.TextBox

Question

HTML帮助程序（在MVC2中）的正确语法是什么，用于定义onblur处理程序，其中使用以下代码生成文本框：

<%=Html.TextBox(
    "ChooseOptions.AddCount" + order.ID,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input" }
)

Answer 1

将onblur添加到htmlattributes

<%=Html.TextBox(
    "ChooseOptions.AddCount" + order.ID,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input", onblur = "alert('fired')" }
) %>

或者更好的方法是使用jQuery添加它

$('#ChooseOptions_AddCount' + id).onblur(function() { alert('fired'); });

Answer 2

我想提交一个解决方案，让您可以重用您的功能代码，如果您愿意的话。 您可以在其他位置定义该函数，然后从HTML元素中调用它。

在myView.cshtml文件中的某个位置（可能位于body标签的顶部），您可以定义脚本并在其中定义myFunc，如下所示：

<script>
    function myFunc() {
        alert('fired');
    }
</script>

然后从HTML元素中调用它，如下所示：

<%=Html.TextBox(
    "ChooseOptions.AddCount" + order.ID,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input", onblur = "myFunc()" }
) %>

或者，如果您乐意使用HTML帮助程序来定义文本框，则可以这样做

@Html.TextBoxFor(m => m.ChooseOptions.AddCount,
    (order.Count > 0) ?  AddCount.ToString() : "",
    new { @class = "{number: true}  small-input", onblur = "myFunc()" }
)