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