如何使用JavaScript / JQuery创建每个40个字符的自动自动换行

Question

Is it possible to create an automatically word wrap every 40 insert characters with java script? I have programmed a jQuery / javascript solution, which used the keyUp event of a textfield:

jQuery(textInputfield).keyup(function(event) {      
    var text = jQuery(textInputfield).val();            
    if(text.length == 40){
        text = text + '<br />';
    }    
    var textOutput = jQuery(textOutputField);
    textOutput.empty();
    textOutput.append(text);    
});

I need a more flexible solution for this code:

if(text.length == 40){
   text = text + '<br />';
}

How can i solve this problem?

Answer 1

A regex solution:

var text = jQuery(this).val();
text = text.replace(/.{40}/g, '$&<br/>');

Answer 2

I would suggest against reformatting in this way and instead using a specified width and let the browser make the line break.

Use a specified width and height: auto

EDIT: see this fiddle for example http://jsfiddle.net/bf9rJ/