正则表达式只能作为事件的按键

Question

我想知道这里似乎是什么问题。

$("#city_field").bind({ 
    keypress: function(event){ 
    var regex = /^[a-zA-ZäöüÄÖÜ]/; 
    if (regex.test($("#city_field").val())==true) { 
    $('.r_validation').html('').css('background-color', ''); 
    } else { 
     $('.validation').html("TEST").css('background-color', 'red'); 
    } 
    } 
}); 

每当我输入字母它是有效的，当我输入数字，然后会出现红色的确认通知。一切都很好，直到我在信件后面输入数字。下面列出的是无效的，但在我当前的脚本它被视为有效：

• foo1212
• 富，
• 富， [用逗号后的空间]

我真正想要验证的是只接受字母和短划线（ - ），除此之外别无其他。

谢谢。

编辑

为了记录在案，@Adam Rackis的最后意见解决这个问题，我结束了这个工作的代码。

$(function(){ 
    $("#city_field").bind("keyup", 
    function(event) { 
     var regex = /^[a-zA-ZäöüÄÖÜ]+$/; 
     if (regex.test($("#city_field").val())==true) { 
     $('.validation').html('').css('background-color', ''); 
     } else { 
      $('.validation').html("TEST").css('background-color', 'red'); 
     } 
    }); 
}); 

Answer 1

你的正则表达式只匹配一个字符。你需要把该输入过克莱尼关闭，然后把字符串结束标记进行：

/^[a-zA-ZäöüÄÖÜ]*$/; 

或者，如果你想确保有至少一个字符，你应该使用积极的关闭：

/^[a-zA-ZäöüÄÖÜ]+$/; 

主要生产：

var r = /^[a-zA-ZäöüÄÖÜ]+$/; 

console.log(r.test('Foo')); //true 
console.log(r.test('Foo123')); //false 
console.log(r.test('foo,')); //false 
console.log(r.test('foo, ')); //false 
console.log(r.test('foo ')); //false 

DEMO

ALSO，请确保你抓到keyup事件，因为keypress在之前触发之前文本框中的文本更新，所以你总是验证一个字符在后面。

---

所以你的正则表达式：

/^[a-zA-ZäöüÄÖÜ]/; 

当测试Foo123的F会被消耗掉，这就是它。完成。