<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>校验</title>
<script type="text/javascript">
//用户名不能以数字开头,长度=不低于6,不高于20
//密码不能为空
onload = function(){
var use = document.getElementById('use');
var pw = document.getElementById('pw');
var sub = document.getElementById('sub');
sub.onclick = function(){
var useName = use.value;
var paw = pw.value;
// console.log(useName[0].charCodeAt() == 48);//
if(useName == "" || paw == ""){
alert('输入框不能为空');
}else if(useName[0].charCodeAt() <= 57 && useName[0].charCodeAt() >= 48){
alert('用户名不能以数字开头');
}else if( (useName.length) < 6 || (useName.length) > 20){
alert('用户名长度不低于6,不高于20');
}else{
alert('恭喜你,登录成功....')
}
}
}
</script>
</head>
<body>
<input type="text" name="" id="use" placeholder="输入用户名" value="">
<input type="password" name="" id="pw" placeholder="输入密码" value="">
<input type="submit" name="" id="sub" value="提交">
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>校验</title>
<script type="text/javascript">
//用户名不能以数字开头,长度=不低于6,不高于20
//密码不能为空
onload = function(){
var use = document.getElementById('use');
var pw = document.getElementById('pw');
var sub = document.getElementById('sub');
sub.onclick = function(){
var useName = use.value;
var paw = pw.value;
// console.log(useName[0].charCodeAt() == 48);//
if(useName == "" || paw == ""){
alert('输入框不能为空');
}else if(useName[0].charCodeAt() <= 57 && useName[0].charCodeAt() >= 48){
alert('用户名不能以数字开头');
}else if( (useName.length) < 6 || (useName.length) > 20){
alert('用户名长度不低于6,不高于20');
}else{
alert('恭喜你,登录成功....')
}
}
}
</script>
</head>
<body>
<input type="text" name="" id="use" placeholder="输入用户名" value="">
<input type="password" name="" id="pw" placeholder="输入密码" value="">
<input type="submit" name="" id="sub" value="提交">
</body>
</html>