HTML5 pattern自定义验证提示

光盘之家 2019-11-18 165 阅读

pattern属性值为正则表达式,用来验证对应表单元素的值。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>乐分享</title>
<script>
window.onload=function(){
text.oninvalid=function(){
text.setCustomValidity("请输入正确格式的手机号码");
};
}
</script>
</head>
<body>
<form>
<input id="text" pattern="^1[3-9]\\\\d{9}$" required />
<input id="button" type="submit" />
</form>
</body>
</html>

最新游戏