<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>js验证</title>
<script type="text/javascript">
function onclickfun(){
var usernameobj = document.getElementById("username");
//alert(usernameobj.id);
var usernameText =usernameobj.value;//获取文本框的值value
var patt=/^\w{5,12}$/;
//长度为5-12位,必须由字母数字下划线组成
if (patt.test(usernameText)) {
alert("用户名合法!");
}
else{
alert("用户名不合法!");
}
}
</script>
</head>
<body>
用户名:<input type="text" id="username" value="h" />
<button onclick="onclickfun(); ">校验</button>
</body>
</html>
当我们要操作一个标签时,一定要先获取这个标签对象
如何验证字符串,符合某个规则,需要使用正则表达式技术
test()方法用于测试某个字符串,是否匹配自己设定的规则,匹配就返回true,不匹配就返回False