JavaScript - 숫자/알파벳 만 유효성 확인

Question

주제 줄에 유사한 스레드가 많이 있다는 것을 알고 있으므로 문제를 명확하게 설명 할 것입니다. 빈 필드에 대한 테스트가 완벽하게 실행되고 다른 여러 포럼 게시물을 따른 후 숫자 또는 알파벳 입력에 대한 테스트를 구현하려고 시도했지만 함수가 단순히 작동하지 않는다는 것을 검증하는 간단한 양식이 있습니다.

function validateNotEmpty(input, id) 
    { 

     var errorDisplay = document.getElementById(id); 
     var notEmpty; 
     if (input == "") // check if input is empty 
     { 
      errorDisplay.innerHTML = "This is a requiered field"; 
      notEmpty = false; // update return value 
     } // end if 
     else 
     { 
      errorDisplay.innerHTML = ""; // clear the error area 
      notEmpty = true; // update return value 
     } // end else 

     return notEmpty; // return whether the input is empty 

    }// end function validateNotEmpty 

그리고 다음 내 두 (작동하지 않는 숫자/알파벳 테스터)입니다 : 여기

내 업무는 NotEmpty 기능의 조각입니다

이 위에

function validateNotNumber(input, id) 
    { 
      var errorDisplay = document.getElementById(id); 
      var notNumber; 

      for (var i=0;i<input.value.length;i++){ 
      temp=input.value.substring(i,i+1); 
       console.log(temp); 
      if (digits.indexOf(temp)==-1){ 
       errorDisplay.innerHTML = "Sorry, this section can not have numbers"; 
       notNumber = false; 
       } 
      else 
      { 
       errorDisplay.innerHTML = ""; // clear the error area 
       notEmpty = true; // update return value 
      } // end else 
     } 
     return notNumber; 
    } 



function validateNotLetter(input, id) 
      { 
       var errorDisplay = document.getElementById(id); 
       var notLetter; 

       for (var i=0;i<input.value.length;i++){ 
       temp=input.value.substring(i,i+1); 
        console.log(temp); 
       if (alphabets.indexOf(temp)==-1){ 
        errorDisplay.innerHTML = "Sorry, this section can not have letter"; 
        notLetter = false; 
        } 
       else 
       { 
        errorDisplay.innerHTML = ""; // clear the error area 
        notLetter = true; // update return value 
       } // end else 
      } 
      return notLetter; 
     } 

이가 어떤 도움/포인터에 대한

<td width="135" valign="top"> 
          <input size="15" type="text" name="Full_Name" value="" onblur = "validateNotNumber(this.value, 'nameError')"/> 
         <p> <span id = "nameError" class = "errorMessage"></span> </p> 
</td> 

감사합니다, STIL : 난 내 양식에서 자바 스크립트 함수를 호출하고 방법 JavaScript에 익숙하지 않아 유효성 검사를 둘러싼 내 머리를 감싸는 것은 꽤 복잡해졌습니다.

Answer 1

Fiddle 도움 당신은 시작한다.

function validateNotLetter(input, id) { 
    var errorDisplay = document.getElementById(id); 

    var value = input || ''; 

    var letterRegex = /\D+/i; 
    var hasALetter = letterRegex.test(value); 
    if(hasALetter){ 
    errorDisplay.innerHTML = "Sorry, this section can not have letter";; 
    }else{ 
    errorDisplay.innerHTML = ""; 
    } 

    return notLetter; 
} 

정규식의 강력한 있습니다 : 나는 기본적으로 당신이 원하는 일을 할 수 있지만 등 그들 중 하나의

샘플 숫자, 문자를 감지하는 정규 표현식에를 사용하도록 업데이트

. 자원 온라인의 톤 :

1. https://regex101.com/ - 당신의 코드를 단순화 할

Answer 2

이것은 지나치게 복잡합니다. 예를 들어 몇 가지 정규식을 사용해야합니다.

또는 기능

var alphanumeric = "someStringHere"; 
 
    var myRegEx = /[^a-z\d]/i; 
 
    var isValid = !(myRegEx.test(alphanumeric)); 
 
    console.log(isValid);

:

function isValid(str) { 
    var myRegEx = /[^a-z\d]/i; 
    return !(myRegEx.test(str)); 
}