对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;
}