JavaScript之表单验证（1）

时间：2015-07-30 17:06:13 阅读：151 评论：0 收藏：0 [点我收藏+]

默认提交需要用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>

JavaScript之表单验证（1）

标签：javascript

原文地址：http://blog.csdn.net/wei_chong_chong/article/details/47151015

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行