2013-04-25 81 views
4

我是一个开发人员在mvc.I工作的应用程序中,我需要更改文本框的值后,我输入一个值,然后按Tab键。例如,当我输入 in textbox and press tab it display display +1即ie我需要协调一个+符号到我输入的文本。它。当我GOOGLE了它,我发现它可以使用JavaScript来完成。但我不知道如何做到这一点,请给我一些建议。在mvc文本框中的textchanged事件

代码:

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

回答

5

你可以使用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添加到现有文本中。如果你想执行整数加法,你需要首先解析当前值。您可以使用parseIntparseFloat方法(取决于数据类型)为:

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" }) 
相关问题