求助,一个JSP页面中有两个FORM,JS就实现不了..

[qq_32277603]

<!-- 搜索部分 -->
<div id="searchBox" style="width: 270px;">
<form action="Student_getByKeyWord" method="post">
<input type="text" name="keyWord">
<input type="submit" value="搜索">
<a href="javascript:;" id="show"><input type="button" value="添加"></input></a>
</form>
</div>
------------------------------
<!-- 弹窗部分 -->
<form action="Student_save">
<table class="popWindow" style="width:600px" cellspacing="0">
<th>添加个人信息<span>×</span></th>
<tr>
<td>
<div style=float:left>
姓名:<input type="text" name="name" placeholder="请输入姓名"
onblur="checkName(this)" />
<div>姓名必须是两位到四位汉字组成.</div>
</div>
<div style=float:right class="errorinfo" id="namediv">格式错误,请重新输入.</div>
</td>
</tr>
<tr>
<td><input type="submit" value="保存" id="btn_save" disabled="true">
<a href="Student_findAll"><input type="button" value="返回">
</a>
</td>
</tr>
</table>
</form>
-------------------------------
JS部分
// 选中框变色
function inputColor(input) {
input.className = "norm";
input.onfocus = function() {
this.className = "focus";
}
}
// 选中框变色
window.onload = function() {
with (document.forms[0]) {
inputColor(name);
// inputColor(account);
// inputColor(mail);
// inputColor(password);
// inputColor(repassword);
}
}
---------------------------------
想实现的功能是当鼠标点击文本框时,文本框边框变色.
运行发现不能实现,去掉搜索的FROM变成单个添加FROM就实现了.

[codingjav]

给forn添加id属性，通过id取得该form表单

[京城阿飞]

window.onload = function() { with ($("#form1")) { //此处form1是你需要控制的form的id inputColor(name); // inputColor(account); // inputColor(mail); // inputColor(password); // inputColor(repassword); } }

[qq_32277603]

引用 1 楼 jinwufeiyang 的回复:

给forn添加id属性，通过id取得该form表单

<!-- 弹窗部分 --> <form action="Student_save" id="pop_form"> .............</form> // 选中框变色 window.onload = function() { with (document.getElementById(pop_form)) { inputColor(name); } } --------------------------------- 这样子不行啊. --------------------------------- 附上我自己找的两个解决方案: 1, <!-- 弹窗部分 --> <form action="Student_save" id="pop_form" name="pop_form"> .............</form> // 选中框变色 window.onload = function() { with (document.forms['pop_form']) {}} document通过form的name来判断 2,需要第几个form就修改通过form[0]下标,例如需要第二个就用form[1] // 选中框变色 window.onload = function() { with (document.forms[1]) {

[qq_32277603]

引用 2 楼 anmiaochu 的回复:

window.onload = function() { with ($("#form1")) { //此处form1是你需要控制的form的id inputColor(name); // inputColor(account); // inputColor(mail); // inputColor(password); // inputColor(repassword); } }

// 选中框变色 window.onload = function() { with ($("#pop_form")) { inputColor(name); } } <form action="Student_save" id="pop_form"> .............</form> 还以为这样用呢with (document.getElementById(pop_form)),谢谢纠正和帮了我两个问题 但是按照你的说法也不能实现.指定id的form没有变色的效果

[qq_32277603]

@qq_32277603