正則表達式只能作爲事件的按鍵

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會被消耗掉，這就是它。完成。