对HTML5校验 自定义验证信息

在HTML5中,表单可以定义一个属性required来触发默认的校验机制,比如:

<input type="text" required />

弹出的错误提示默认为英文。

如果希望自定义语言提示,可以这样:

<input type="text" required oninvalid="InvalidMsg(this);" />

js方法为:

function InvalidMsg(textbox) {
    if (textbox.value == '') {
        textbox.setCustomValidity('不能为空');
    }
    else if (textbox.validity.typeMismatch){
        textbox.setCustomValidity('请输入合法邮箱地址');
    }
    else {
       textbox.setCustomValidity('');
    }
    return true;
}
原文地址:https://www.cnblogs.com/ChewApple/p/4934516.html