asp.net-mvc-4 - 文本框的 mvc 中的 Textchanged 事件

Question

我是 mvc 的初学者。我正在开发一个应用程序，在其中输入一个值并按 TAB 后，我需要更改文本框的值。例如，当我输入 时1 在文本框中并按 Tab 键，它应该显示 +1 即我需要连接一个 + 签署我输入的文本。所以要做到这一点，我正在尝试为文本框引发一个 textchanged 事件。我该怎么做。当我搜索它时，我发现它可以使用 javascript 来完成。但我不知道该怎么做那，请给我一些建议。

代码:

 @Html.TextBoxFor(m => m.text)--textbox

Answer 1

您可以使用 jQuery 并订阅 blur 当输入字段失去焦点时将触发的事件:

$(function() {
    $('#id_of_your_textbox').blur(function() {
        var value = $(this).val();
        var newValue = value + '1';
        $(this).val(newValue);
    });
});

如果你不想使用像 jQuery 这样的 javascript 框架，你可以用普通的 javascript 来实现:

window.onload = function() {
    document.getElementById('id_of_your_textbox').onblur = function() {
        var value = this.value;
        var newValue = value + '1';
        this.value = newValue;
    };
};

注意:这将添加字符串值 1到现有文本。如果要执行整数加法，则需要先解析当前值。您可以使用 parseInt 或 parseFloat 方法(取决于数据类型):

var value = parseInt($(this).val());
if (!isNaN(value)) {
    var newValue = value + 1;
    $(this).val(newValue);
} else {
    alert('You have entered an invalid integer value');
}

以下是如何将确定性 ID 分配给您可以在 javascript 选择器中使用的文本字段:

@Html.TextBoxFor(m => m.text, new { id = "id_of_your_textbox" })