项目Debug—前端

1. css无效

利用css对页面进行了美化，独立的运行这个JSP页面，没有任何问题，这就证明，css文件的位置是没有错的

<link href="../css/main.css" rel="stylesheet" type="text/css" />

然而，在我进行了Servlet的页面跳转之后，发现了css的所有格式都失效了。

那么，尝试这样的代码：（这下效果就出来了）

<link href="<%=request.getContextPath()%>/css/main.css" rel="stylesheet" type="text/css" />

2.js无效

<form name="registerform" action="<%=request.getContextPath()%>/hr?action=login" method="post">
<input type="text" name="hrid" placeholder="用户ID" maxlength="11" οnblur="reg_hrid()" />
<input type="password" name="psw" placeholder="密码" maxlength="20"/>
<button type="submit"  onClick="loginHR(); return false;">登陆</button>
</form>

引用的部分js代码

<span style="white-space:pre">	</span>var hrid = document.registerform.hrid.value;
	var hname = document.registerform.hname.value;
	var psw = document.registerform.psw.value;
	var reg = new RegExp("^[0-9]*$");//定义数字正则表达式

	if (hrid == null || hrid == '') {// 判断用户名
		alert('用户名不能为空!请填入手机号');
		document.registerform.hrid.style.backgroundColor = '#ff6347';
		return false;
	} else {
		document.registerform.hrid.style.backgroundColor = '#ffffff';
	}
	
	
	if (hrid.length < 11) {//提交时验证输入的手机号是否为11位
		alert("您输入的手机号小于11位，请输入正确的手机号!!");
		return false;
	}else {
		document.registerform.hrid.style.backgroundColor = '#ffffff';
	}
	if( !reg.test(hrid) ){//提交时验证输入的手机号是否为数字
		alert("手机号是纯数字哦~");
		return false;
	}else {
		document.registerform.hrid.style.backgroundColor = '#ffffff';
	}
		
	if (hname == null || hname == '') {// 判断姓名
		alert('姓名不能为空!请填入真实姓名');
		document.registerform.hname.style.backgroundColor = '#ff6347';
		return false;
	} else {
		document.registerform.hname.style.backgroundColor = '#ffffff';
	}

	if (psw == null || psw == '') {// 判断密码
		alert('密码不能为空!');
		document.registerform.psw.style.backgroundColor = '#ff6347';
		return false;
	} else {
		document.registerform.psw.style.backgroundColor = '#ffffff';
	}

	document.registerform.submit();

然而，路径正确 && js代码逻辑也正确，没有出错，引用的方法名检查多次也正确

错误显而易见：上面的页面代码只有 psw 以及 hrid ，并没有hname ，而js中出现了hname，故删掉有关hname的代码即可