Определить первый символ в текстовом поле с помощью Jquery

Question

Я хотел бы знать, как сделать следующее с Jquery:

У меня есть 1 текстовое поле в форме. Когда первый символ является числом, измените имя атрибута этого поля на «число». Если первым символом является буква, измените это имя атрибута на «буква».

!! Это также должно работать, когда число или текст вставляется в поле.

Спасибо! Йерун

Answer 1

Привязать (некоторые) события к текстовому полю. Событие keyup используется для обновления атрибута name, когда пользователь изменяет текст (включая ярлык CTRL+V copy- вставка),
события paste и mousemove используются для вставки копии (перетаскивание, контекстное меню).

$("#your-input").bind("keyup paste mousemove", function() {
    var char = this.value.charAt(0);     // Use vanilla JavaScript to get the
                                         // first character of the text field
    if (/[0-9]/.test(char)) {            // Test against a pattern: digit
        $(this).attr("name ", "number");
    } else if (/[a-zA-Z]/.test(char)) {  // Else, pattern: letters
        $(this).attr("name", "letter");
    } else {                             // Finally, no name?
        $(this).attr("name", "");
    }
});

Удалите else {...} и замените else if(/[a-zA-Z]/.test(char)) { на else {, если хотите, чтобы именем по умолчанию было letter.

Answer 2

Примерно так:

$("#yourformid").submit(function(){
   var input = $("#yourinputid"),
       val = input.val();
   input.attr("name", /^\d/.test(val) ? "number" :
                      /^[A-Z]/i.test(val) ? "letter" : "");
});

Сложно обрабатывать вставку во всех браузерах, но если вы просто установите атрибут при отправке формы, вы будете защищены независимо от действий пользователя, включая перетаскивание.N'Drop изменения в поле.(Очевидно, я предполагаю, что не имеет значения, что это за атрибут перед отправкой.)