jQueryのテキストボックス値の変更不可能な数字

Question

私の入力要素にreadonly '09'の数字を設定したいのですが、ユーザーがinput textboxに入力できますが、その中で09を編集または削除することはできません。次のコードは9桁のみです。誰もがこれで私を助けることができますか？

$('#PhoneField').keyup(function(e) { 
 
    if ($(this).val()[0] != '9') 
 
    $(this).val('9' + $(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="PhoneField" class="phoneBox" maxlength="10" />

Answer 1

あなたはこれを行うことがあります。

$("#PhoneField").keydown(function(e) { 
 
var v=$(this).val(); 
 
var f=this; 
 
setTimeout(function() { 
 
    if(f.value.indexOf('09') !== 0) { 
 
     $(f).val(v); 
 
    } 
 
}, 10); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="PhoneField" value="09" class="phoneBox" maxlength="10"/>

Answer 2

$('#PhoneField').keyup(function(e) { 
 
    if (!$(this).val().startsWith("09","0")){ 
 
    $(this).val('09');} 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
<input type="text" id="PhoneField" value="09" class="phoneBox" maxlength="10" />