JQuery - Первая буква не должна быть цифрой

Question

В textbox первый символ должен not be number. Так что я следующий код для этого: -

DEMO

$('#FieldName').keyup(function (e) { 
    if ($(this).val().length === 1 && $.isNumeric($(this).val())) { 
     $(this).val(''); 
     alert('First letter should not be Numeric.!'); 
    } 
}); 

Приведенный выше код работает, но не тогда, когда typed fast. Попробуйте ввести быстрые цифры в скрипке. Он будет принимать номера.

Что такое решение для этого?

Answer 1

Попробуйте это. Выполняет только первую букву напечатанного текста с slice(0,1): и проверяет.

$('#FieldName').keyup(function(e) { 
 
     if ($.isNumeric($(this).val().slice(0, 1))) { 
 
     $(this).val(''); 
 
     alert('First letter should not be Numeric.!'); 
 
     } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="FieldName" />

Answer 2

Изменить событие keyup() на keydown(). Это должно помочь.

$('#FieldName').keydown(function (e) { 
    if ($(this).val().length === 1 && $.isNumeric($(this).val())) { 
    $(this).val(''); 
    alert('First letter should not be Numeric.!'); 
    } 
}); 

Answer 3

$('#FieldName').keypress(function (e) { 
    if ($(this).val().length === 1 && $.isNumeric($(this).val())) { 
     $(this).val(''); 
     e.preventDefault(); 
     alert('First letter should not be Numeric.!'); 
    } 
}); 

Добавить e.preventDefault() внутри функции.

Демо:

http://jsfiddle.net/b653oo8c/

Answer 4

Простое решение с RegEx

$(function() { 
 
    $('.notFirst').on('input', function() { 
 
    this.value = this.value.replace(/^(\d+)/, ''); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="notFirst" />

Answer 5

Поскольку проблема, когда типы людей быстро, я предполагаю, что это проблема производительности.

Чтобы исправить это, вы можете сделать так:

$('#FieldName').keydown(function(){ 
    if(this.value.length==1 && this.value<<0==this.value) 
    { 
     this.value=''; 
     alert('First letter should not be Numeric.!'); 
    } 
}); 

Ваш код должен работать как можно быстрее внутри обработчика событий!

Используя jQuery, вы только замедлите ваш код.

Не кэширование $(this) замедляет еще больше!

Я использую jQuery только для того, чтобы бороться с проблемами, связанными с перекрестным браузером, и использовать событие sugested keydown.

Можно было бы использовать это, и будет работать нормально:

document.getElementById('FieldName').onkeydown=function(){ 
    if(this.value.length==1 && this.value<<0==this.value) 
    { 
     this.value=''; 
     alert('First letter should not be Numeric.!'); 
    } 
} 

---

Согласно @Kaiido, это проблема при проверке длины, когда keyup срабатывает событие.

Если мы сохраним производительность в поле зрения, мы могли бы просто избавиться от проверки длины:

document.getElementById('FieldName').onkeydown=function(){ 
    if(this.value.charAt(0)+1)//if it is a number, it will add 1, making it check as true 
    { 
     this.value=''; 
     alert('First letter should not be Numeric.!'); 
    } 
});