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

我无法看到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)" />