かなり過去に掲載していたアーカイブですが、『java script 入力チェック』で検索から来られる方が多いようなので再掲します。
メールフォームの入力チェックをクライアントサイドで行なう Java Script です。

機能

• 入力必須項目が空欄の場合、アラートを出して入力エリアにカーソルをフォーカスします。
• 電話番号に全角文字や半角数字以外の文字が含まれていた場合、アラートを出して入力エリアにカーソルをフォーカスします。
• 電話番号が 10 桁に満たない場合、アラートを出して入力エリアにカーソルをフォーカスします。

動作サンプル

※実際送信はされません。動作はアラートで再現されます。

Java Script ソース

 function checkForm(  ){

if( document.conform.お名前.value == "" ){
alert( "お名前を入力してください" );
document.conform.お名前.focus();
return false;
}
if( document.conform.電話番号.value == "" ){
alert( "電話番号を入力してください" );
document.conform.電話番号.focus();
return false;
}
if( isTelNumber( document.conform.電話番号.value ) == false ){
document.conform.電話番号.focus();
return false;
}
if( document.conform.メールアドレス.value == "" ){
alert( "E-mailアドレスを入力してください" );
document.conform.メールアドレス.focus();
return false;
}
return true;
}

function isTelNumber( str ){

var count = 0;
var msg = "";

for( i = 0 ; i < str.length ; i ++ ){
var c = str.charAt( i );

if(  "0" <= c && c <= "9" ){
count++;
continue;
}else{
if( c == "-" ){
continue;
}
msg = "電話番号に使用できる文字は、n"+
"半角数字とハイフン(-)です。";
alert(msg);
return false;
}
}

if( count < 10 ){
msg = "電話番号の桁数が10桁未満です。n"+
"市外局番から入力してください。";
alert(msg);
return false;
}
return true;
} 

HTMLソース

メモ

このJavaScript内では変数に2バイト文字を使用しているため、JavaScriptの文字コードとHTMLの文字コードを同じにしないと動作しません＞＜
変数は半角英数字をおススメします。