how to make some characters with in the text area is not editable

Question

I need to make some characters is not editable within the text area... I.e.

I have a text area name TxtMsg and Id TxtMsg and the Values is

Dear User, Thank you for your contact................... We will contact you soon ...Thanks again

Here user can type anything with in the ................... IS it's possible?

Does anyone know this? Please Reply

why not make a textarea only for that part? – loler Sep 26 '12 at 07:31 — loler, Sep 26 '12 at 07:31
Why make a textarea *at all*? – dan-lee Sep 26 '12 at 07:31 — dan-lee, Sep 26 '12 at 07:31
And there is no PHP in question, so i've removed PHP tag. – loler Sep 26 '12 at 07:34 — loler, Sep 26 '12 at 07:34

score 5 · Answer 1 · answered Sep 26 '12 at 07:31

5

You need to make only the .............. a text area. The rest of the text should be HTML.

answered Sep 26 '12 at 07:31

alexandernst

14,352
22
97
197

score 0 · Answer 2 · edited May 23 '17 at 12:27

Not with pure HTML, no (unless you follow @alexandernst's suggestion of making only the editable part an <input type="text" /> element).

With Javascript, you could hook the caret (see Caret position in textarea, in characters from the start ) and undo any changes to the text that aren't made within the range of the "." characters, but this would be overly complicated and wouldn't work on browsers that have scripting disabled.

score 0 · Accepted Answer · answered Sep 26 '12 at 07:34

jquery-keyfilter , This plugin filters keyboard input by specified regular expression.

e.g.

$("#input").keyfilter(/[^#\*@0-9]/);

OR

$("#input").bind("keypress", function(evt) 
{ 
        var charCode = (evt.which) ? evt.which : window.event.keyCode;  

        if (charCode <= 13) { 
            return true; 
        } 
        else { 
            var keyChar = String.fromCharCode(charCode); 
            var re = /[a-zA-Z]/ 
            return re.test(keyChar);
        } 
}

score 0 · Answer 4 · answered Sep 26 '12 at 07:40

0

Using HTML5 contenteditable="true" attribute, you can try something like this,

Demo: http://jsfiddle.net/muthkum/ZSNpQ/

answered Sep 26 '12 at 07:40

Muthu Kumaran

17,682
5
47
70

how to make some characters with in the text area is not editable

4 Answers4