У меня имеется текстовое поле ( input ), где вводится текст с тегами к примеру - &1Мой&eНикНейм
Тэг &1 означает, что весь текст после &1 нужно изменить на синий, а тег &e означает, что нужно изменить весь текст на желтый. При этом это все происходит в 1-ом input .
Я не могу понять как правильно их проверять ( по каждому символу отдельно мб), в общем мой код:
<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 = $( this ).val();
$( "span[name='namedemo']" ).text( value );
})
.keyup();
}
);
</script>