setCustomValidity不使用onchange鼠标事件显示消息

Question

我无法看到任何有关setCustomValidity的消息。我想在变化时获得泡沫消息。我可以看到bordercolor为红色，但是setCustomValidity没有。

JavaScript代码

function CityValidate(input) {
    var reg = new RegExp("^[A-Za-z]+$");
    if (!reg.test(input.value)) {
        input.setCustomValidity("City Name should have letters");
        input.style.borderColor = "red";
    }
}

HTML代码

<input type="text" id="city" value="" size="40" pattern="^[A-Za-z]+$" placeholder="City" required title="Only characters allowed" onchange="CityValidate(this)" />