Im trying to write a function that will convert all charactewrs after the first word into asterisks,

Say I have MYFIRSTWORD MYSECONDWORD, id want it to convert to asterisks on Keyup, but only for the second word, rendering it as so...

MYFIRSTWORD ***

I've been using the following only it converts each and every letter, is this possible?

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

Im trying to write a function that will convert all charactewrs after the first word into asterisks,

Say I have MYFIRSTWORD MYSECONDWORD, id want it to convert to asterisks on Keyup, but only for the second word, rendering it as so...

MYFIRSTWORD ***

I've been using the following only it converts each and every letter, is this possible?

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

• javascript
• jquery

• 4 this.value = this.value.replace( ... ); No need for jQuery here. – Šime Vidas Commented Dec 8, 2011 at 12:37
• Are you saying that "TEST1 TEST2 TEST3" would bee "TEST1 ***** *****"? – Andrew Jackman Commented Dec 8, 2011 at 12:37

3 Answers 3

I'm not sure about doing it with a single regex, but you can do this:

$("input").keyup(function() {
    var i = this.value.indexOf(" ");
    if (i > -1) {
        this.value = this.value.substr(0, i) 
                   + this.value.substr(i).replace(/[\S]/g, "*");
    }
});

Demo: http://jsfiddle/fc7ru/

<input type="text" onkeyup='$(this).val($(this).val().replace(/[^\s]/g, "*"));' />

Check in JsFiddle

you should try this code

var array =  $(this).val().split(" ");
var newValue = "";
for(var i=0; i<array.length; i++) {
  if ( i==0){
    newValue = array[i];
    continue;
  } else{
    newValue+= array[i].replace(/[^\s]/g, "*");
  }
}

$(this).val(newValue);