掌握 javascript 的语法,能验证表单,实现用户登录。
二、实验原理
通过学习 javascript 的相关知识,了解 javascript 的语法,了解 javascript 的特性,了解 javascript
的常用方法,掌握验证表单的方法,实现用户登录。
三、实验内容
网页代码:login.jsp
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册</title>
<script language="javascript">
function check(){
var userid = new String(document.forms[0].userid.value);
var password = new String(document.forms[0].password.value);
if(userid==""){
alert("请输入账号!")
return false;
}
if(userid.length>20){
alert("账号太长,不能大于 20 个字符");
return false;
}
if(password.length<6){
alert("密码太短,必须大于 6 个字符");
return false;
}
return true
}
</script>
</head>
<body>
<center>
<h2>用户登陆</h2>
<form action="" method="post" onSubmit="return check()" >
<table width="20%">
<tr>
<td>账号:<input type="text" name="userid" id="userid" /></td>
</tr>
<tr>
<td> 密 码 : <input type="password" name="password" id="password"
/></td>
</tr>
<tr>
<td><input type="submit" name="submit" value="登陆" />
<input type="reset" value="重置" /></td>
</tr>
评论1
最新资源