HTML入力フィールドに固定式の接尾辞を追加する方法

Question

jQueryを使用して、デフォルトの接尾辞, Demosを削除できない入力フィールドに追加するにはどうしたらいいですか？

デフォルト：、デモ
内容：MYTEXT、デモ

すべてのヘルプは貴重になります！ここ

Answer 1

jQueryの使用して入力フィールドの変化にサフィックスを追加するコードは次のとおり

$('#input').on('change focus unfocus', function(){ 
var inputValue = $(this).val(); 
var suffix = ", Demos"; 
if(!(inputValue.indexOf(suffix) > -1)){ 
    var newVal = inputValue + suffix; 
    $(this).val(newVal); 
}else{ 
var suffixLength = inputValue.indexOf(suffix) + suffix.length; 
var len = inputValue.length - suffixLength; 
if(len >0){ 
    $(this).val((inputValue.slice(suffixLength, inputValue.lenght))+suffix); 
} 
} 

を}）。

は、ここでは、接尾辞がすでに適用され、いずれかのすべてを削除するか、すべてを保つが、接尾辞の後に、すべての文字を削除した後に変更が行われた場合、あなたが何をしたいのかを検討する必要がある場合がありますJSFiddle

です。 また、検証パターンを使用して接尾辞が適用されているかどうかを確認することもできます。

EDIT： JSFIddleとコードが更新され、接尾辞はほとんど削除されません。