jQuery輸入掩碼

Question

嘿， 我是新來的jQuery，我想檢查onblur在輸入框這種格式cda 123。意思是前3個字符的空格和3個整數。通常我會看到代碼是寫在輸入id的，但如果我想在Class上，那我該怎麼做。例如，我有class =「InputMask-cccsnn」 我希望對此格式的CheckInputMask（this）在類上沒有輸入id。如何更改我的下面的代碼。請回復

以下是我在一個輸入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); 
     } 
    } 
}); 

Answer 1

只需使用一些jQuery的輸入掩碼的插件，例如本http://digitalbush.com/projects/masked-input-plugin/

然後你可以使用：

jQuery(function($){ 
    $(".InputMask-cccsnn").mask("aaa 999"); 
}); 

Answer 2

您可以使用嘗試使用正則表達式。

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

檢查出你的情形下的樣品演示這裏

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