- 给需要验证的标签设置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>