從Javascript

Question

格式的文本我有這樣的代碼在MVC：

<div id="weight"> 
@Html.TextBoxFor(m => m.Weight, new Dictionary<string, object> { { "class", "form-control" } }) 
</div> 

在頁面加載的重量場0。

我想格式化這個領域，如：0 g

而且每次當我修改此字段在末尾添加g時間之後。

我該如何從JavaScript做到這一點？

Answer 1

雖然我認爲把g放在外面會更好。

的邏輯是：

1. 獲取當前值。
2. 檢查其中是否有g。
3. 如果沒有，最後添加它。

在輸入頁面顯示和用戶注意（blur）後執行此檢查。

var input = document.querySelector('input'); 
 
function addG() { 
 
    var val = input.value; 
 
    if (val.indexOf('g') == -1) { 
 
     input.value = val + 'g'; 
 
    } 
 
} 
 

 
addG(); 
 
input.onblur = addG;

<input type="text" value="0" />