HTML5自定义有效性在Safari中无法正常工作

Question

我使用的是html5自定义有效性。这适用于除Safari之外的所有浏览器，如果提交后该字段为空，则没有错误消息提示。

如何解决这个问题？

我的自定义有效性JS：

function InvalidMsg(textbox){
     if(textbox.validity.patternMismatch){
        textbox.setCustomValidity('Please enter your name');
    } else if(textbox.validity.valueMissing){
         textbox.setCustomValidity('This field is required');
    } else {
                textbox.setCustomValidity('');
    }
    return true;
}