如何使輸入字段中的某些文本不可編輯？

我有一個要求，我有一個輸入字段的maxLength 4.among這4個字符的前2個字符將是「FR」。剩餘的2個字符將由用戶插入。因此，在頁面加載期間，我已經調用了Jquery功能並設置值「FR」像這樣如何使輸入字段中的某些文本不可編輯？

$('.testData').val("FR");

**現在，當用戶將編輯剩下的兩個角色，他將不會被允許編輯的文本塊「FR」的。 無論是他被允許通過設置

<input type="text" readonly>

刪除該文章「FR」

它將使整個輸入字段不可編輯，我DONOT想，我只想把限制在前2個字符上進行編輯。

任何人都可以給這個解決方案？

來源

2014-04-18 Sumit Ghosh

這似乎可能會導致可用性問題......您可以使用兩個單獨的文本框用於此目的嗎？否則，用戶將不知道什麼是可編輯的，哪些不是。 –

這個問題似乎是無關緊要的，因爲它沒有顯示出解決問題的實質性嘗試。 – Anonymous

爲什麼不把FR作爲標籤，甚至不在輸入字段中？ –

一個破解的解決方案，但有點使用JS的技巧。

<input id="myId" type="text" value="AZ"></input> 

$("#myId").keydown(function(event){ 
    console.log(this.selectionStart); 
    console.log(event); 
    if(event.keyCode == 8){ 
     this.selectionStart--; 
    } 
    if(this.selectionStart < 2){ 
     this.selectionStart = 2; 
     console.log(this.selectionStart); 
     event.preventDefault(); 
    } 
}); 

$("#myId").keyup(function(event){ 
    console.log(this.selectionStart); 
    if(this.selectionStart < 2){ 
     this.selectionStart = 2; 
     console.log(this.selectionStart); 
     event.preventDefault(); 
    } 
});

小提琴here！

來源

2014-04-18 15:40:28

是否需要在我的項目中添加任何jquery庫以供您提及上述代碼??? bcz其不是在我的項目中工作@ Izaaz Yunus –

是的，你需要添加jQuery庫。你可以使用找到的[這裏]（http://code.jquery.com/jquery-1.11.0.js） –

是這樣的::

相關問題

如何使輸入字段中的某些文本不可編輯？

回答

相關問題