Лучший способ буквенно-цифровой проверки в Javascript

Как лучше всего выполнить буквенно-цифровую проверку INPUTполя JSP? Я прикрепил свой текущий код

<script type="text/javascript">
  function validateCode(){
      var TCode = document.getElementById('TCode').value;
      for(var i=0; i<TCode.length; i++)
      {
        var char1 = TCode.charAt(i);
        var cc = char1.charCodeAt(0);

        if((cc>47 && cc<58) || (cc>64 && cc<91) || (cc>96 && cc<123))
        {

        }
         else {
         alert('Input is not alphanumeric');
         return false;
         }
      }
     return true;     
   }

Вы можете использовать это регулярное выражение /^[a-z0-9]+$/i

Изначальная склонность спрашивающего к использованию str.charCodeAt(i)оказывается быстрее, чем альтернатива регулярному выражению. В моем тесте на jsPerf параметр RegExp работает на 66% медленнее в Chrome 36 (и немного медленнее в Firefox 31).

Вот очищенная версия исходного кода проверки, который получает строку и возвращает trueили false:

function isAlphaNumeric(str) {
  var code, i, len;

  for (i = 0, len = str.length; i < len; i++) {
    code = str.charCodeAt(i);
    if (!(code > 47 && code < 58) && // numeric (0-9)
        !(code > 64 && code < 91) && // upper alpha (A-Z)
        !(code > 96 && code < 123)) { // lower alpha (a-z)
      return false;
    }
  }
  return true;
};

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

Проверьте это с помощью регулярного выражения.

Регулярное выражение Javascript не имеет классов символов POSIX, поэтому вам придется писать диапазоны символов вручную:

if (!input_string.match(/^[0-9a-z]+$/))
  show_error_or_something()

Здесь ^означает начало строки и $означает конец строки, а также [0-9a-z]+означает один или несколько символов от 0до 9ИЛИ от aдо z.

Дополнительная информация о регулярном выражении Javascript здесь: https://developer.mozilla.org/en/JavaScript/Guide/Regular_Expressions

Вам не нужно делать это по одному. Просто сделайте тест для всех, которые не являются буквенно-цифровыми. Если он найден, проверка не выполняется.

function validateCode(){
    var TCode = document.getElementById('TCode').value;
    if( /[^a-zA-Z0-9]/.test( TCode ) ) {
       alert('Input is not alphanumeric');
       return false;
    }
    return true;     
 }

Если есть хотя бы одно совпадение не буквенно-цифрового символа, оно будет return false.

Я бы создал метод прототипа String:

String.prototype.isAlphaNumeric = function() {
  var regExp = /^[A-Za-z0-9]+$/;
  return (this.match(regExp));
};

Тогда использование будет следующим:

var TCode = document.getElementById('TCode').value;
return TCode.isAlphaNumeric()

    // On keypress event call the following method
    function AlphaNumCheck(e) {
        var charCode = (e.which) ? e.which : e.keyCode;
        if (charCode == 8) return true;

        var keynum;
        var keychar;
        var charcheck = /[a-zA-Z0-9]/;
        if (window.event) // IE
        {
            keynum = e.keyCode;
        }
        else {
            if (e.which) // Netscape/Firefox/Opera
            {
                keynum = e.which;
            }
            else return true;
        }

        keychar = String.fromCharCode(keynum);
        return charcheck.test(keychar);
    }

Кроме того, эта статья также помогает понять , буквенно - цифровую проверку JavaScript.

Простите меня, без споров. Но для того, чтобы сообщество росло так, как выросло меня за эти годы, хорошо сделать несколько заметок.

Настоящая буквенно-цифровая строка похожа, "0a0a0a0b0c0d"а не на "000000"или "qwertyuio".

Все ответы, которые я прочитал здесь, были возвращены trueв обоих случаях. И уж простите, ИМХО, это не правильно .

Если я хочу проверить, является ли моя "00000"строка буквенной, мой «человеческий» ответ, несомненно, ЛОЖНЫЙ.

Зачем? Просто. Я не могу найти ни одной буквы char. Итак, это простая числовая строка [0-9].

С другой стороны, если бы я хотел проверить свою "abcdefg"строку, мой «человеческий» ответ даже ЛОЖЬ. Я не вижу цифр, значит, они не буквенно-цифровые. Просто альфа [a-zA-Z].

В ответ Майкл Мартин-Смакер в была освещая.

Однако он был нацелен на достижение лучшей производительности вместо регулярного выражения. Это правда, использование низкоуровневого способа дает лучшую производительность. Но результат тот же. Строки "0123456789"(только числовые), "qwertyuiop"(только буквенные) и "0a1b2c3d4f4g"(буквенно-цифровые) возвращаются TRUEкак буквенно-цифровые. Тот же /^[a-z0-9]+$/iспособ регулярного выражения . Причина, по которой регулярное выражение не работает, настолько же проста, насколько очевидна. Синтаксис []указывает или , а не и . Итак, если это только число или только буквы, регулярное выражение возвращается true.

Но, тем не менее , ответ Майкла Мартина-Смакера прояснил . Для меня. Это позволило мне думать на «низком уровне», создать настоящую функцию, которая однозначно обрабатывает буквенно-цифровую строку. Я назвал это относительной функцией PHP ctype_alnum( отредактируйте 2020-02-18: где, однако, проверяется ИЛИ, а не И ).

Вот код:

function ctype_alnum(str) {
  var code, i, len;
    var isNumeric = false, isAlpha = false; //I assume that it is all non-alphanumeric



  for (i = 0, len = str.length; i < len; i++) {
    code = str.charCodeAt(i);


        switch (true){
            case code > 47 && code < 58: // check if 0-9
                isNumeric = true;
                break;
            case (code > 64 && code < 91) || (code > 96 && code < 123): //check if A-Z or a-z
                isAlpha = true;
                break;
            default: // not 0-9, not A-Z or a-z
                return false; //stop function with false result, no more checks

        }

  }

  return isNumeric && isAlpha; //return the loop results, if both are true, the string is certainly alphanumeric
};

... а вот ДЕМО

Я пришел к этому обсуждению, потому что искал в javascript альтернативу функции PHP. Я не нашел ответа «готов к работе», но, как это часто бывает в Stackoverflow, концепция знания и сравнения друг с другом - это нечто возвышенное, что заставляет вас думать о чьем-то ответе и вместе находить решение, которым вы были искал, но вы не думали, что знаете об этом.

И поделитесь этим!

Лучший

Оскар

В жестком цикле, вероятно, лучше избегать регулярных выражений и жестко кодировать ваши символы:

const CHARS = new Set("0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ");
function isAlphanumeric(char) {
    return CHARS.has(char);
}

Чтобы проверить, является ли input_string буквенно-цифровым, просто используйте:

input_string.match(/[^\w]|_/) == null