编写了一个网页为什么javascript就是不管用求帮助多谢

2012-05-21

编写了一个网页为什么javascript就是不管用求帮助谢谢htmlheadmeta http-equivContent-type con

编写了一个网页为什么javascript就是不管用求帮助谢谢

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=GBK">
<link type="text/css rel=stylesheet href=./css/mp/.css">
<link type="text/css rel=stylesheet href=./css/examples.css">

<script language=javascript>
//全局变量
var flag = 0;
function sub(){
//登陆用户信息判断
if (document.getElementById("username").value != " "
&& document.getElementById("password").value != " "
&& document.getElementById("passwordAgain").value != " "){
if (flag >= 3){
//验证成功，表单提交
document.regist.onsubmit();
}else{
alert("请认真填写注册信息!");
document.getElementById("username").value ="";
document.getElementById("password").value ="";
document.getElementById("passwordAgain").value ="";
document.getElementById("usName").innerHTML ="";
document.getElementById("ps1").innerHTML ="";
document.getElementById("ps2").innerHTML ="";
}
}
}

function res() {
document.getElementById("username").value ="";
document.getElementById("password").value ="";
document.getElementById("passwordAgain").value ="";
}

function chang1(obj){
var obValue = obj.value;
if (obValue.length > 8 || obValue.length < 3){
document.getElementById("usName").innerHTML ="<font name=usName
style='font-size:12px;color=red'>长度要求3~8位！</font>";
flag = 0;
}else{
document.getElementById("usName").innerHTML ="<font name=usName style='font-size:12px;color=green'>可以使用</font>";
flag++
}
}

function chang2(obj){
var obValue = obj.value;
if (obValue.length > 8 || obValue.length < 6 {
document.getElementById("ps1").innerHTML = "<font style ='font-size:12px,color=red’>长度要求6~8位!</font>";
flag = 0;
}else{
document.getElementById("ps1").innerHTML = "</font style='font-size:12px;color=green'>可以使用</font>";
flag++;
}
}

function chang3(obj){
var obValue = obj.value;
var prrValue = document.getElementById("password").value;
if(prrValue != obValue){
document.getElementById("ps2").innerHTML ="<font
style='font-size:12px;color=red'>请在此确认</font>";
flag = 0;
}else{
document.getElementById("ps2").innerHTML = "<font
style='font-size:12px;color=green'>通过</font>";
flag++;
}
}
</script>

</td>
</tr>
</table>
</form>
</body>
</html>

[解决办法]
一大堆问题，包括语法上的问题和验证逻辑上的问题，语法问题有下面这一堆：
1.字符串值不能直接分行写，要写在同一行，一定要分行写的话，可以在行末加上一个反斜杠\（第41行、65、69行）
2.第52行if条件语句漏掉一个括号if (obValue.length > 8 || obValue.length < 6)
3.
<button class="login_button" onClick="res()">重置</button>
 
<button class="login_button" onClick="sub()">提交</button>
[解决办法]
<button class="login_button" type="reset">重置</button> //重置按钮这样写的。
[解决办法]
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=GBK">
<link type="text/css rel=stylesheet href=./css/mp/.css">
<link type="text/css rel=stylesheet href=./css/examples.css">

<script language=javascript>
//全局变量
var flag = 0;
function sub(){
//登陆用户信息判断
if (document.getElementById("username").value != " "
&& document.getElementById("password").value != " "
&& document.getElementById("passwordAgain").value != " "){
if (flag >= 3){
//验证成功，表单提交
document.regist.onsubmit();
}else{
alert("请认真填写注册信息!");
document.getElementById("username").value ="";
document.getElementById("password").value ="";
document.getElementById("passwordAgain").value ="";
document.getElementById("usName").innerHTML ="";
document.getElementById("ps1").innerHTML ="";
document.getElementById("ps2").innerHTML ="";
}
}
}

function res() {
document.getElementById("username").value ="";
document.getElementById("password").value ="";
document.getElementById("passwordAgain").value ="";
}

function chang1(obj){
var obValue = obj.value;
if (obValue.length > 8 || obValue.length < 3){
document.getElementById("usName").innerHTML ="<font name=usName style='font-size:12px;color=red'>长度要求3~8位！</font>";
flag = 0;
}
else{
document.getElementById("usName").innerHTML ="<font name=usName style='font-size:12px;color=green'>可以使用</font>";
flag++
}
}

function chang2(obj){
var obValue = obj.value;
if (obValue.length > 8 || obValue.length < 6) {
document.getElementById("ps1").innerHTML ="<font name=usName style='font-size:12px;color=red'>长度要求6~8位！</font>";
flag = 0;
}
else{
document.getElementById("ps1").innerHTML = "<font style='font-size:12px;color=green'>可以使用</font>";
flag++;
}
}

function chang3(obj){
var obValue = obj.value;
var prrValue = document.getElementById("password").value;

if(prrValue != obValue){
document.getElementById("ps2").innerHTML ="<font style='font-size:12px;color=red'>两次密码不一致</font>";
flag = 0;
}else{
// if(prrValue.length==0&&obValue.length==0){
// document.getElementById("ps1").innerHTML ="<font name=usName style='font-size:12px;color=red'>请输入密码</font>";
// document.getElementById("ps2").innerHTML ="<font style='font-size:12px;color=red'>请输入密码</font>";

// }else{
document.getElementById("ps2").innerHTML = "<font style='font-size:12px;color=green'>通过</font>";
flag++;
//}

}
}
</script>

<title>用户注册</title>
</head>
<body>
<form method="POST" name="regist" action="RegistServlet">

<table style="height: 100%; width: 100%">
<tr align="center" valign="middle">
<td>
<TABLE width="392" height="200" border=0 align="center" cellPadding=0
cellSpacing=0
style="background-image: url(./images/login_Page/logPage.jpg); height: 200; width: 392">
<TBODY>
<TR valign="middle" align="center">
<TD colSpan=3 height=40 valign="middle" align="center"><font
face="黑体" size="4px" color="#196ed1" style="padding-left: 20px;">用户注册</font>
</TD>
</TR>
<TR>
<td width="80" height="20" class="login_td">   用户名:</td>
<td width="120" height="20" class="login_td"><input
type="text" name="username" value="" style="WIDTH: 110px"
onblur="chang1(this)" onfocus="javascript:document.getElementById('usName').innerHTML='正在输入....'"></td>
<td id="usName"></td>
</TR>
<TR>
<td height="20" class="login_td">   密码:</td>
<td height="20" class="login_td"><input type="password"
name="password" value="" style="WIDTH: 110px"
onblur="chang2(this)" onfocus="javascript:document.getElementById('ps1').innerHTML='正在输入....'"></td>
<td id="ps1"></td>
</TR>
<TR>
<td width="80" height="20" class="login_td">   确认密码:</td>
<td width="120" height="20" class="login_td"><input
type="password" name="passwordAgain" value="" style="WIDTH: 110px"
onblur="chang3(this)" onfocus="javascript:document.getElementById('ps2').innerHTML='正在输入....'"></td>
<td id="ps2"></td>
</TR>
<TR>
<td height="20" colspan="2" align="center">
<button class="login_button" onClick="res();">重置</button>

 
<button class="login_button" onClick="sub();">提交</button>
 </td>

<td class="login_td" align="left" width=81><a href="login.jsp">返回</a></td>
</TR>
</TBODY>
</TABLE>

</td>
</tr>

</table>
</form>
</body>
</html>
[解决办法]
document.getElementById("username").value ="";
document.getElementById("password").value ="";
document.getElementById("passwordAgain").value ="";
建议你先去学习下getElementById这方法是什么意思。。
[解决办法]
你javascript中的flag全局变量在输错一次后就变成0了，。。。。。
[解决办法]
function res() {
document.getElementByName("username").value ="";
document.getElementByName("password").value ="";
document.getElementByName("passwordAgain").value ="";
document.getElementById("usName").innerHTML ="";
document.getElementById("ps1").innerHTML ="";
document.getElementById("ps2").innerHTML ="";
}

热点排行

JavaScript

编写了一个网页 为什么javascript就是不管用 求帮助 多谢

编写了一个网页为什么javascript就是不管用求帮助多谢