フォーム(form)を使って文字列が数字かどうかの入力チック実装します。今回はjqueryは使ってません。英語が入力されていたり、指定文字数より多かったり少なかったりしたらアラートを出すというものです
HTML
<form id="mailform" name="mailform" method="post" accept-charset="UTF-8"> <input type="text" name="num(必須)" size="16" value="" style="ime-mode:disabled;" onBlur="numCheck(this.value,8)" /> </form>
jquery/javascript
function numCheck(str,num){ if( str.match( /[^0-9]+/ ) ){ alert("半角数字のみで入力して下さい。"); return false; }else{ if(str.length < num){ alert(num + "文字まで入力して下さい。"); return false; }else if(str.length > num){ alert(num + "文字まで入力して下さい。"); obj.value = str.substr(0,num); return false; } } }
onBlur要素でnumCheckメソッドを呼び出しています。その際、inputのvalueと、指定文字数を引数として渡しています。今回は必ず指定文字数にするという風にしていますが、指定文字数以下はOKならif(str.length < num)~}elseが不要となります。