默认提交需要用submit按钮
如果想要有普通按钮做提交,需要调用表单的submit方法
表单验证就是对输入不合法的元素给出提示,重新输入,
并取消表单的提交即可
(其实就是对字符串的操作,对正则表达式的操作)
focus()获得焦点
select()全部选中
<html>
<head>
<title>damel14</title>
<script>
function checkName(){
var usernameObj = document.forms[0].username;
var username = usernameObj.value;
//var username = document.forms[0].username.value;
if(username==""||username.length<1){
alert("用户名不能为空");
usernameObj.focus();
usernameObj.select();
return false;
}
if(username.length < 5||username.length > 10){
alert("用户名长度必须在5-10之间");
usernameObj.focus();
usernameObj.select();
return false;
}
var t = true;
for(var i = 0;i<username.length;i++){
var c = username.toLowerCase().charAt(i);
if(!((c>‘a‘&&c<=‘z‘)||(c>‘0‘&&c<‘9‘)||(c==‘_‘)))
t= false;
}
if(t==false){
alert("用户名只能包含数字,字母,下划线");
return false;
}
return true;
}
function checkPass(){
var passObj = document.forms[0].password;//获取对象
var pass = passObj.value;
//var pass = document.forms[0].password.value;
if(pass.length==""||pass.length< 1){
alert("密码不能为空");
passObj.focus();//获取对象焦点
passObj.select();//选中对象
return false;
}
if(pass.length<6||pass.length>16){
alert("密码长度必须在6-16之间");
passObj.focus();
passObj.select();
return false;
}
return true;
}
function checkForm(){
return checkName()&&checkPass();
}
</script>
</head>
<body>
<form action="damel11.html" onSubmit="return checkForm()" name="myform">
用户名:<input type="text" name="username"/>
</br>
密 码:<input type="text" name="password" onClick="checkName()"/>
</br>
<input type="submit" value="确定"/>
</form>
</body>
<html>
版权声明:本文为博主原创文章,未经博主允许不得转载。