1.直接在head中写script
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function check(){
var username=document.getElementById("username").value;
if(username==""){
alert("用户名不能为空");
return false;
}
var password=document.getElementById("password").value;
if(password==""){
alert("密码不能为空");
return false;
}
var repassword=document.getElementById("repassword").value;
if(repassword!=password)
{
alert("两次密码必须输入一样");
return false;
}
}
</script>
</head>
<body>
<form action="网站首页的div+css布局.html" method="get" onsubmit="return check()">
用户名<input type="text" name="username" id="username"/><br />
密码<input type="password" name="password" id="password"/><br />
确认密码<input type="password" name="repassword" id="repassword"/><br />
<input type="submit" value="提交"/>
<input type="reset" value="重置" />
</form>
</body>
</html>
上图中就是在<head></head>
中写的<script></script>
,然后在定义一个方法,里面是对注册的校验。
2.直接建立一个javascript文件,然后将要写的方法定义在里面,在html文件里直接应用即可
- js文件
function check(){
var username=document.getElementById("username").value;
if(username==""){
alert("用户名不能为空");
return false;
}
var password=document.getElementById("password").value;
if(password==""){
alert("密码不能为空");
return false;
}
var repassword=document.getElementById("repassword").value;
if(repassword!=password)
{
alert("两次密码必须输入一样");
return false;
}
}
2.在html文件里应用js文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="check.js">
</script>
</head>
<body>
<form action="网站首页的div+css布局.html" method="get" onsubmit="return check()">
用户名<input type="text" name="username" id="username"/><br />
密码<input type="password" name="password" id="password"/><br />
确认密码<input type="password" name="repassword" id="repassword"/><br />
<input type="submit" value="提交"/>
<input type="reset" value="重置" />
</form>
</body>
</html>