javascript로 양식 유효성 검사를 수행하는 "올바른"방법은 무엇입니까?

Question

javascript가있는 프로젝트에서 일부 양식 유효성 검사를하고 있습니다. 어떤 일을하는지는 잘되지만 더 나은 방법이있을 것 같습니다. 여기에 내가 가진 것의 예가있다.

onkeypress="return keyNumOnly(event)" 
function keyNumOnly(key) 
{//this allows numbers and decimals. 
    var keychar; 
    var numcheck; 
    var keynum; 
    if(window.event) // IE 
     { 
      keynum = key.keyCode; 
     }  
    else if(key.which) // Netscape/Firefox/Opera 
     { 
      keynum = key.which; 
     } 
    if (keynum==8) 
     { 
      return true; 
     } 
    keychar = String.fromCharCode(keynum); 
    numcheck = /\d/; 
    if (keychar== ".") 
     { 
      return true;  
     } 
    return numcheck.test(keychar); 
} 

Answer 1

일부 정리 :

someTextbox.onkeypress = function(event) { // you can pass a function directly 
    var event = event || window.event, 
     // this means: event or window.event if event does not exist 

     keynum = event.keyCode || event.which, 
     // event.keyCode or event.which otherwise 

     keychar = String.fromCharCode(keynum), 

     numcheck = /\d/; 


    if(/\t|\./.test(keychar)) { 
     // checking for dot or tab using a regexp: \t is tab, | means 'or', \. is dot 
     return true; 
    } 


    return numcheck.test(keychar); 
} 

Answer 2

양식 유효성 검사를 수행하려면 사전 패키지 솔루션을 사용하는 것이 좋습니다. 예를 들어, jQuery를 사용할 수있는 경우 jQuery Validation Plugin은 양식 유효성 검사의 훌륭한 역할을합니다. '제출'이벤트 이전의 유효성 검사는 물론 실제 유효성 검사도 가능합니다.

Answer 3

(예 : regexes에 대한) 양식 평가는 HTML5의 일부이므로 곧 브라우저 자체에서 수행 할 수 있습니다.

Dive into HTML5 explains how