驗證文本輸入匹配加拿大郵政編碼（例如「A1S2S3」）

Question

這裏的錯誤是無法輸入任何字符：

$(document).ready(function() { 
    $('#t').keypress(function(e){ 
    var txt = String.fromCharCode(e.which); 
    console.log(txt + ' : ' + e.which); 
    if(!txt.match(/^[ABCEGHJKLMNPRSTVXY]{1}\d{1}[A-Z]{1} *\d{1}[A-Z]{1}\d{1}$/)){ 
     return false; 
    } 
    }) 
}); 

Answer 1

你可以這樣說：

<input type="text" id="postCode" placeholder="Enter postcode"> 
<span id="result"></span> 

var pattern = /[ABCEFGHJKLMNPRSTVXY][0-9][ABCEFGHJKLMNPRSTVWXYZ][0-9][ABCEFGHJKLMNPRSTVWXYZ][0-9]/, 
$result = $("#result"); 

$('#postCode').keyup(function(){ 
    var val = this.value 
    if(!val.match(pattern)){ 
    $result.text("invalid"); 
    } else { 
    $result.text("valid");  
    } 
}); 

這裏有一個demo

Answer 2

pattern屬性是廣泛現在支持。所以，你可以將它添加到<input>

<input pattern="^[A-Za-z]\d[A-Za-z][ -]?\d[A-Za-z]\d$" />