Альфа силы и числовой в область с сепаратором дефиса

Пожалуйста, смотрите на следующее изображение

http://i50.tinypic.com/2cohfeo.jpg

Я хочу помощь во введении кода для этих 4 особенностей по изображению и таким образом формированию нового HTML-кода

3
nl ja de
Не точно, в чем вы нуждаетесь, но использующий html5 вы, может: <�входной тип = "текстовый" образец = "[A-Z] {5} - [0-9] {5}" заполнитель = "АЛЬФА-NUMBR"/>
добавлено автор Johnny Mopp, источник
Есть плагин jQuery, code.google.com/p/jquery-watermark, сделать отметку уровня воды.
добавлено автор Steve Wellens, источник
, что вы попробовали
добавлено автор Trevor, источник

1 ответы

Используя JavaScript и jQuery (если вы используете обычный JavaScript, я думаю, что необходимо использовать getElementById, Google это) и принятие textbox назван "текстом":

http://api.jquery.com/keydown/

$('input[name=text]').keydown(function(event)
{
    var text = this.val().replace("-",""); //get current text, take out the -
    var strlength = text.length;

    if (strlength >=10) //reached max length, ignore character        
    {
        return false;//might be event.preventDefault();
    }
    else if (strlength<5) //you want a letter
    {
        //if not a letter, cancel input
        if (!(/^[a-zA-Z]+$/.test(String.fromCharCode(event.which))) return false;
    }
    else if (strlength>=5) //you want a letter
    {
        //if not a number, cancel input
        if (!(/^[0-9]+$/.test(String.fromCharCode(event.which))) return false;
        else if (strlength==5) this.val(text + "-"); //Add the hyphen
    }
});

Возможно, должен закодировать, чтобы обращаться с клавишей Backspace, но должен быть самоочевиден/объяснительным

1
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing