你可以使用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" })