Первый символ ввода не выбирается / не редактируется

Question

У меня есть вход, где пользователь может ввести значение HEX.Знак «#» является частью фонового изображения поля ввода, поэтому пользователю нужно только вводить цифры.Я хотел бы иметь знак "#" в виде HTML и сделать его недоступным для выбора / недоступным для редактирования.Возможно ли это?

Answer 1

Прослушивание события keyup в элементе ввода, затем в обработчике вы можете принудительно заставить значение ввода всегда начинаться с # char и затем 0-9 / a-f

$('#input').bind('keyup', function(){
    var sanitized = $(this).val().replace(/[^0-9a-f]/g,'');
    $(this).val('#'+sanitized);
});

Смотрите демо здесь: http://jsfiddle.net/QrrjW/1/

Answer 2

поместите x char в поле ввода в качестве значения по умолчанию. Используя js, управляйте .if если пользователь сначала вводит тип #, то в порядке, в противном случае введите #, используя js и вводимый пользователем символ js.