2016-12-06 5 views
0

登録フォームがあり、携帯電話番号の入力があります。クリックするとデフォルト値 "+63"が設定されます。今、私はここに異なるアプローチを持ってお勧め、それは入力バックスペースを無効にして入力のデフォルト値が消去されないようにするJQUERY

$('#contact').click(function(){ 
    var code = "+63"; 
    $('#contact').val(code); 
});  

$('#contact').on('change keydown', function(e){ 
     //codes here 

}); 
+2

であるときは、preventDefault()できるバックスペースを無効にしたいです。理由は次のとおりです。テキストボックスからテキストを削除する方法はたくさんあります(ctrl x、マウスの右ボタンなど)。私の提案は+63が常にプレフィックスで、テキストボックスの直前にこのテキストでラベルを設定し、jsを使ってこの値をラベルテキストに連結します。ちょうどアイデア –

答えて

1

の63値を検出したときに、あなたのinput値が+63

$('#contact').click(function(){ 
 
    var code = "+63"; 
 
    $('#contact').val(code); 
 
});  
 

 
$('#contact').on('change keydown', function(e){ 
 
     if(($('#contact').val() == "+63") && e.which==8){ 
 
     \t e.preventDefault(); 
 
     } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id='contact'>

関連する問題