文字の切り出し、判定、ハイフン!javascript,jqueryで文字判定する方法は?

 

 今回は文字判定についてなんですが、上のテキストボックスに(○○○-○○○○)の値を入れてあげないとテキストボックスの値が空になるというものを作ってみました。(○○○-○○○○)といえば…郵便番号ですね!
※半角数値で入力しないといけません。


ポイントだけ絞って説明したいと思います!

  $('.text').on('change',function(){

      //テキストボックスの値が変わった時の処理を入れます。

      });

      'テキストボックス'.split('',8); 

  このsplitを使い文字を8分割し配列に格納します。

    '分割した配列の4番め'.replace(kakunin1[3],'-');

 この.replaceを使うことにより、4文字めだけを-に置換します。

 $('テキストボックス').val().match(/^[0-9]+$/);

 .matchを使うことに文字判定ができます。

 .match(/^[0-9]+$/)では半角数値の0~9の判定ができ.match(/^[-0-9]+$/)では0~9+ハイフンが含まれているかの判定ができます!

 後はif文を使い条件をつけていくことで、(○○○-○○○○)の入力の指定をさせてあげています。

 

 もし、javascriptやjqueryで入力値に条件をつける際はぜひご活用ください!

 



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*