jquery - 使用 jQuery 根据多个文本输入显示 div

Question

我试图根据输入中输入的值(邮政编码)是否包含预定义的字符集来使 div 淡入。我已经设法让它适用于一个值，但我希望它适用于多个输入，因为最终会有多个邮政编码。如果我能让它忽略空格和大小写，那就太好了，这样我就可以为每个邮政编码设置一个值，而不是像我在这里所做的那样设置五个值:

$(".postcode-checker").click(function()
{
 var name = $("#postcode-form input").val();
 if(name != '')
{
   if ($("#postcode-form input").val().indexOf("BS2 9","bs2 9","BS29","bs29","Bs2 9","Bs29") > -1)
   {
    $('#bpwdp').fadeIn(500);
   }
 }
});

http://jsfiddle.net/x8NwW/

如果您输入“BS2 9”，它可以工作，但不会出现以下值，例如'bs2 9' 没有。

我一直在阅读，我不确定正则表达式、.indexOf 或 .match 是否是答案，但我不太确定如何在这种情况下实现它们。

任何帮助将不胜感激

Answer 1

删除空格，转换为大写，然后您可以将字符串的开头与 BS29 进行比较:

$(".postcode-checker").click(function() {
   var name = $("#postcode-form input").val().replace(/\s+/g, '').toUpperCase();    
   $('#bpwdp')[name.match(/^BS29/) ? 'fadeIn' : 'fadeOut'](500);
});

Here's a fiddle