2011-10-31 10 views
2

こんにちは、 jQueryを初めて使用しています。入力ボックスのonblurをこのフォーマットのcda 123でチェックしたいと思います。最初の3文字のスペースと3つの整数を意味します。通常、私はそのコードが入力IDの上に書かれているのを見ますが、もし私がクラスにしたいなら、どうやってこれを行うことができますか?例えば、私はclass = "InputMask-cccsnn"を持っています 私はこの形式のCheckInputMask(this)を入力IDではないクラスに入れたいと思っています。私の次のコードを変更する方法。返信してくださいjQuery入力マスク

次のコードは、1つの入力IDでのキーアップです。

$('input').keyup(function(e){ 
    var value = $(this).val(); 
    if(value.length <= 3) { 
     char = value.substring(value.length - 1); 
     if(!(isNaN(char))) { 
      var newval = value.substring(0, value.length - 1); 
      $(this).val(newval); 
     } 
    } 
    if(value.length > 3) { 
     char = value.substring(value.length - 1); 
     if(isNaN(char)) { 
      var newval = value.substring(0, value.length - 1); 
      $(this).val(newval); 
     } 
    } 
}); 

答えて

4

ちょうどこのhttp://digitalbush.com/projects/masked-input-plugin/

は、その後、使用することができ、たとえば、いくつかのjQueryの入力マスクのプラグインを使用します。

あなたは正規表現を使ってみて使用することができます
jQuery(function($){ 
    $(".InputMask-cccsnn").mask("aaa 999"); 
}); 
2

を。

if($('input').val().match(/.{3} \d{3}$/)){ 
     alert('valid'); 
    } 
    else{ 
     alert('invalid'); 
    } 

ここにあなたのケースのためのサンプルのデモをご覧ください

http://jsfiddle.net/ryan_s/WYzhR/1/