- 给需要验证的标签设置id
- 给提交按钮设置点击事件
- 在script标签中写响应函数
- 1）. 通过document.getElementById("id")返回一个dom对象，指向需要验证的输入框
- 2）. 通过dom对象的value属性，得到输入的内容
- 3）. 根据要求编写正则表达式
- 4）. 通过test()方法比较是否符合要求（正则表达式.test(输入的内容)）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js测试</title>
<script >
function fun() {
var content = document.getElementById("username").value;
var patt = /^\w{5,12}$/;
if(patt.test(content))
alert("用户名合法！");
else
alert("用户名非法！");
}
</script>
</head>
<body>
<!--验证用户名-->
用户名：<input type="text" id="username" />
<button onclick="fun()">验证</button>
</body>
</html>
