$(function () {
$(".btn").click(function () { //btn是提交按钮。
var uName = document.getElementById("user");
if (uName.validity.valueMissing == true) { //为空性验证
uName.setCustomValidity("用户名不能为空！");
} else if (uName.validity.patternMismatch == true) { //正则表达验证。
uName.setCustomValidity("用户名格式不正确");
} else {
uName.setCustomValidity("");
}
var pwd = document.getElementById("pwd");
if (pwd.validity.valueMissing == true) {
pwd.setCustomValidity(" 密码不能为空");
} else if (pwd.validity.typeMismatch == true) {
pwd.setCustomValidity("密码格式不正确");
} else {
pwd.setCustomValidity("");
}
var mobile = document.getElementById("mobile");
if (mobile.validity.valueMissing == true) {
mobile.setCustomValidity(" 手机号码不能为空");
} else if (mobile.validity.typeMismatch == true) {
mobile.setCustomValidity("手机号码格式不正确");
} else {
mobile.setCustomValidity("");
}
var birth = document.getElementById("birth");
if (birth.validity.valueMissing == true) {
birth.setCustomValidity(" 生日号码不能为空");
} else if (birth.validity.typeMismatch == true) {
birth.setCustomValidity("生日格式不正确");
} else {
birth.setCustomValidity("");
}
});
});
</script>
HTML5的验证
原文地址：https://www.cnblogs.com/yxblogs/p/9749219.html