Question

This is just a general/vague question,

If i had a textarea…

<textarea class="mybox">
    myfirststring secondstring
</textarea>

Is it possible to use javascript/jquery so that after the first string is typed ‘myfirststring’/spacebar has been hit that you can somehow convert the remaining text in the field into protexted text, as though it was a password and you want to hide the characters?

Answer 1

You can try something like this: http://jsfiddle.net/reec7/2/

It’s a good start, if this is what you are looking for:

$(function(){
    $("textarea").keypress(function(e){
        if( e.which != 32 ) return true;

        var words = $(this).val().split(" ");

        // Make list
        if( ! $(this).data("list") )
        {
            $(this).data("list", []);
        }
        var list = $(this).data("list");

        // Save words
        $.each(words, function(k, v){
            if( v.indexOf("*") == -1 )
            {
                 list.push(v);   
            }
        });


        // Replace with *
        $(this).val($(this).val().replace(/[^\s]/g, "*"));
    });

    $("input:button").click(function(){
         var list = $("textarea").data("list");
         var str = "";
        $.each(list, function(k, v){
         str += v + "\n";
        });
        alert(str);
    });
});