Najlepszy sposób na alfanumeryczne sprawdzanie w Javascript

Jaki jest najlepszy sposób sprawdzenia alfanumerycznego INPUTpola w JSP? Załączam mój aktualny kod

<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;     
   }

Możesz użyć tego wyrażenia regularnego /^[a-z0-9]+$/i

Oryginalna skłonność pytającego do użycia str.charCodeAt(i)wydaje się szybsza niż alternatywa wyrażenia regularnego. W moim teście na jsPerf opcja RegExp działa o 66% wolniej w przeglądarce Chrome 36 (i nieco wolniej w przeglądarce Firefox 31).

Oto oczyszczona wersja oryginalnego kodu walidacji, która otrzymuje ciąg znaków i zwraca truelub 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;
};

Oczywiście mogą istnieć inne względy, takie jak czytelność. Jednowierszowe wyrażenie regularne jest zdecydowanie ładniejsze. Ale jeśli zależy Ci wyłącznie na szybkości, możesz rozważyć tę alternatywę.

Sprawdź to za pomocą wyrażenia regularnego.

Wyrażenia regularne Javascript nie mają klas znaków POSIX, więc musisz ręcznie pisać zakresy znaków:

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

Tutaj ^oznacza początek ciągu i $oznacza koniec ciągu i [0-9a-z]+oznacza jeden lub więcej znaków od 0do 9LUB od ado z.

Więcej informacji na temat wyrażeń regularnych Javascript tutaj: https://developer.mozilla.org/en/JavaScript/Guide/Regular_Expressions

Nie musisz tego robić pojedynczo. Po prostu zrób test dla tych, które nie są alfanumeryczne. Jeśli zostanie znaleziony, weryfikacja nie powiedzie się.

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

Jeśli istnieje co najmniej jedno dopasowanie niealfanumeryczne, będzie return false.

Stworzyłbym prototypową metodę typu String:

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

Wtedy użycie byłoby następujące:

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);
    }

Co więcej, ten artykuł pomaga również zrozumieć alfanumeryczną walidację JavaScript.

Przepraszam wszystkich, bez kontrowersji. Ale żeby społeczność rozwijała się tak, jak mnie rozwijała przez te lata, dobrze jest zrobić kilka notatek.

Prawdziwy ciąg alfanumeryczny jest podobny, "0a0a0a0b0c0d"a nie podobny "000000"lub "qwertyuio".

Wszystkie odpowiedzi, które tu przeczytałem, truew obu przypadkach wróciły . I wybacz mi, IMHO, to nie jest w porządku .

Jeśli chcę sprawdzić, czy mój "00000"ciąg jest alfanumem, moja „ludzka” odpowiedź jest niewątpliwie FAŁSZ.

Czemu? Prosty. Nie mogę znaleźć żadnej litery. Czyli jest prostym ciągiem liczbowym [0-9].

Z drugiej strony, gdybym chciał sprawdzić swój "abcdefg"ciąg, moja „ludzka” odpowiedź jest nawet FAŁSZ. Nie widzę liczb, więc nie są alfanumeryczne. Tylko alfa [a-zA-Z].

Odpowiedź Michaela Martina-Smuckera była pouczająca.

Jednak miał na celu osiągnięcie lepszej wydajności zamiast regex. To prawda, używając niskiego poziomu, uzyskuje się lepszą wydajność. Ale wyniki są takie same. Ciągi "0123456789"(tylko numeryczne), "qwertyuiop"(tylko alfa) i "0a1b2c3d4f4g"(alfanumeryczne) są zwracane TRUEjako alfanumeryczne. Ten sam /^[a-z0-9]+$/isposób wyrażenia regularnego . Powód, dla którego wyrażenie regularne nie działa, jest tak prosty, jak oczywisty. Składnia []wskazuje lub nie i . Zatem, jeśli składa się tylko z liczb lub tylko z liter, zwraca wyrażenie regularne true.

Jednak odpowiedź Michaela Martina-Smuckera była mimo wszystko pouczająca. Dla mnie. Pozwoliło mi to myśleć „na niskim poziomie”, aby stworzyć prawdziwą funkcję, która w sposób jednoznaczny przetwarza ciąg alfanumeryczny. Nazwałem to funkcją względną PHP ctype_alnum( edytuj 2020-02-18: Gdzie jednak sprawdza OR, a nie AND ).

Oto kod:

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
};

... a oto DEMO

Przyszedłem do tej dyskusji, ponieważ szukałem alternatywy w javascript do funkcji PHP. Nie mogę znaleźć odpowiedź „ready-to-Go”, ale jak to często bywa na Stackoverflow, pojęcie wiedzy i porównania z siebie jest czymś wzniosłym, że prowadzi cię do myślenia o czyjąś odpowiedź i znaleźć razem rozwiązanie byłaś szukasz, ale nie sądziłeś, że o tym wiesz.

I udostępnij to!

Najlepsza

Oscar

W ciasnej pętli prawdopodobnie lepiej unikać wyrażeń regularnych i zakodować swoje znaki na stałe:

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

Aby sprawdzić, czy input_string jest alfanumeryczny, po prostu użyj:

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