福岡 web・ホームページ制作 Eight(エイト)

【jquery】jquery/javascriptを使って文字列が数字かどうかの入力チックを作ろう!

Category:jQuery/javascriptコーディング

フォーム(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が不要となります。

Related Article

Comments

Page Top