Value of textarea is also taken with val method: var message = $(‘textarea#message’).val(); console.log(message); <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <textarea cols=”60″ rows=”5″ id=”message” name=”message”> Hello, world! </textarea>
window.onload = function() { var txts = document.getElementsByTagName(‘TEXTAREA’); for(var i = 0, l = txts.length; i < l; i++) { if(/^[0-9]+$/.test(txts[i].getAttribute(“maxlength”))) { var func = function() { var len = parseInt(this.getAttribute(“maxlength”), 10); if(this.value.length > len) { alert(‘Maximum length exceeded: ‘ + len); this.value = this.value.substr(0, len); return false; } } txts[i].onkeyup = func; txts[i].onblur = … Read more
pretty simple, in vanilla javascript: var textarea = document.getElementById(‘textarea_id’); textarea.scrollTop = textarea.scrollHeight;
There’s no reason to use JS. You can easily tell the browser how to handle newline using the white-space CSS property: white-space: pre-line; pre-line Sequences of whitespace are collapsed. Lines are broken at newline characters, at <br>, and as necessary to fill line boxes. Check out this demo: <style> #p_wrap { white-space: pre-line; } </style> … Read more
Try this CSS to disable resizing The CSS to disable resizing for all textareas looks like this: textarea { resize: none; } You could instead just assign it to a single textarea by name (where the textarea HTML is ): textarea[name=foo] { resize: none; } Or by id (where the textarea HTML is ): #foo … Read more
Facebook does it, when you write on people’s walls, but only resizes vertically. Horizontal resize strikes me as being a mess, due to word-wrap, long lines, and so on, but vertical resize seems to be pretty safe and nice. None of the Facebook-using-newbies I know have ever mentioned anything about it or been confused. I’d … Read more
What errors are you seeing in the browser? I can understand why your code doesn’t work if what you posted was incomplete, but without knowing that I can’t know for sure. You should probably clear the charNum div, or write something, if they are over the limit. function countChar(val) { var len = val.value.length; if … Read more
To stop the user from getting annoyed when the whole text gets selected every time they try to move the caret using their mouse, you should do this using the focus event, not the click event. The following will do the job and works around a problem in Chrome that prevents the simplest version (i.e. … Read more
I like the jQuery function extension. However, the this refers to the jQuery object not the DOM object. So I’ve modified it a little to make it even better (can update in multiple textboxes / textareas at once). jQuery.fn.extend({ insertAtCaret: function(myValue){ return this.each(function(i) { if (document.selection) { //For browsers like Internet Explorer this.focus(); var sel … Read more
resize: vertical; or resize: horizontal; Quick fiddle: http://jsfiddle.net/LLrh7Lte/