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