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