javascript - Change color .val jquery -

i have got input write text example - &1mynicke&ename.

tag &1 mean that, after tag &1 text need change blue color, tag &e mean that, after tag &e text need change yellow color.

i dont have idea how make (maybe check each symbol), code is:

<div class="namecolorchange">     <center>         <p style="color: #000; font-weight: bold; font-size: 15px;">change name color</p>         <input type="text" style="margin-bottom: 3px;" class="nameinput" name="nameinput">         <span name="namedemo"></span>         <input name="namebutton" type="submit" class="namebutton" value="">     </center>     </div>      <script>         $(document).ready(function() {             $( "input[name='nameinput']" ).keyup(function() {                 var value = $( ).val();                 $( "span[name='namedemo']" ).text( value );                 })                 .keyup();             }         );     </script> 

you need use regex this: made little example here.

var replacevalue =  value.replace(/&1([\w]+)/, "<span style='color: blue'>$1</span>"); $( "span[name='namedemo']" ).html(replacevalue ); 

demo update: http://jsfiddle.net/1xp658hr/1/