Question

我要求我有一个输入字段maxLength 4.这4个字符前两个字符将是＆＃34; FR＆＃34;。用户将插入剩余2个字符。所以，在页面加载期间我调用Jquery函数并设置值＆＃34; FR＆＃34;像这样

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

**现在，当用户编辑剩余的两个角色时，他将无法编辑该文字＆＃34; FR＆＃34; 。他被允许删除此文本＆＃34; FR＆＃34;

设置

<input type="text" readonly>

它会使整个输入字段不可编辑，我不想要这样，我只想对前2个字符进行编辑限制。

任何人都可以给出任何解决方案???

Answer 1

一个hacky解决方案，但有点使用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！

如何使输入字段中的某些文本不可编辑？

1 个答案: