2013-04-25 88 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" }) 
相關問題