点击一个< a herf >,令form提交的javascript怎么写????

rocsoar 2003-07-13 01:16:15
源代码如下:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<script language="javascript">
function checkherf(herf) {
var bflag = true;
if (document.f1.g.selectedIndex == 0 || document.f1.m.selectedIndex == 0) {
alert("Please select a group and a member");
bflag = false;
return false;
}

if (document.f1.s.value == "") {
alert("Please select a date in calendar");
bflag = false;
return false;
}
if(bflag && herf == 'aaa')
{
document.f1.action = "aaa.php";
document.f1.target = "main";
document.f1.submit();
}
if(bflag && herf == 'bbb')
{
document.f1.action = "bbb.php";
document.f1.target = "main";
document.f1.submit();
}
if(bflag && herf == 'ccc')
{
document.f1.action = "ccc.php";
document.f1.target = "main";
document.f1.submit();
}
}
</script>
</head>

<body onload="reload();" bgcolor="#FFFFFF" background="images/left_bg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" text="#666666" link="#0099FF" vlink="#0099FF" alink="#0099FF">
<form name="f1" method="post" action="aaa.php">
<table>
<!-- 此处有三个select,因关系不大,所以未写出 -->
<tr>
<td align="center" colspan=4 class="txt11">
<input type="submit" name="sb" value="submit"></td>
</tr>
</form>
<tr>
<td colspan=4 class="txt11">| <a href="aaa.php" target="main" onclick="javascript:return checkherf('aaa');">aaa</a>
|<br>
| <a href="bbb.php" target="main" onclick="javascript:return checkherf('bbb');">bbb</a> |<br>
| <a href="ccc.php" target="main" onclick="javascript:return checkherf('ccc');">ccc</a> | </td>
</tr>
</table>
</body>
</html>

现在,我的目的是点击aaa的链接后,先检查有没有选select,如果有选,就提交form,当然,左框架的页不进行刷新,也不重新load。
请问,该如何写javascript语句????
...全文
343 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
rocsoar 2003-07-14
  • 打赏
  • 举报
回复
果真如 wanghr100(灰豆宝宝.net) 所说的一样,解决了。

to jnkc(江南昆虫):
我面对的是IE5.0,点击链接确实不起作用。不过还是十分感谢您的热心帮助。
江南昆虫 2003-07-14
  • 打赏
  • 举报
回复
To: rocsoar(&天真的痛&)
我的代码用到了事件冒泡方法,不需要在a中onClick的,直接在td,甚至body中onclick就行了!
你直接用我的代码测试一下看看,绝对可以的!(我在IE6上OK)

还有,为了直观一点,你可以把“f.submit();”换成“alert("f.submit();")”试试看。
wanghr100 2003-07-13
  • 打赏
  • 举报
回复
和CSDN的一样啊... 看一看CSDN的首面的源代码
<script language="JavaScript">
<!--
function submit1(sign)
{
var types=document.alogon.type.options[document.alogon.type.selectedIndex].value;
if (document.alogon.name.value!="" && document.alogon.pass.value!="")
{
if (types!="1")
document.alogon.action="/member/logon.asp";
else
document.alogon.action="http://expert.csdn.net/member/logon.asp";
if(sign)
document.alogon.submit();
//return true;
}
else
{
if (document.alogon.name.value=="")
alert("请输入用户名!");
if (document.alogon.pass.value=="")
alert("请输入密码");
return false;
}
return true;
}
function GetMyPass()
{
if (document.alogon.name.value!="")
{
document.alogon.action="/member/getpass.asp";
document.alogon.submit();
}
else
{
alert("请在姓名输入框里输入用户名或注册EMAIL!");
}
}
// -->
</script>

<table width="770" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#004d99" width="20" height="25"></td>
<form method="POST" action="" target="_blank" name="alogon" onsubmit="return submit1(false);">
<td bgcolor="#004d99"><font color="#FFFFFF">姓 名:</font>
<input type="text" name="name" size="7" class=FormText_1>
   <font color="#FFFFFF">密 码:
<input type="password" name="pass" size="7" class=FormText_1>
</font>
<select name="type" class=FormText_1>
<option value="1" selected>我的论坛</option>
<option value="2">我的软件</option>
<option value="3">我的订单</option>
<option value="4">我的文档</option>
<option value="5">我的简历</option>
</select><INPUT TYPE="image" width=0 height=0>
   <a href="" onclick="submit1(true);return false;"><font color="#FFFF33">进 入..</font></a>  
<a href="/member/zc.asp" target="_blank"><font color="#FFFF33">[注 册]</font></a>    <a href="javascript:GetMyPass()"><font color="#FFFF33">忘记密码</font>
</a></td>
</form>
<td bgcolor="#990000" align="right" width="20"><img src="/images/homeimage/top_1.gif" width="20" height="25"></td>
<td bgcolor="#009999" align="center" width="250"><a href="http://www.csdn.net/search.asp" target="_blank"><font color="#FFFFFF">搜索+</font></a>
<font color="#FFFFFF">  |  </font> <a href="http://www.csdn.net/member.shtm" target="_blank"><font color="#FFFFFF">会员*</font></a>
<font color="#FFFFFF">  |   </font><a href="http://www.csdn.net/help/help.asp" target="_blank"><font color="#FFFFFF">帮助?</font></a>
<font color="#FFFFFF">  |  </font> <a href="/english"><font color="#FFFFFF">English</font></a></td>
</tr>
</table>
紫郢剑侠 2003-07-13
  • 打赏
  • 举报
回复
<a href="###" jnkc="aaa.php" onclick="checkherf()">aaa</a>
改为:

:<a href="###" jnkc="aaa.php" onclick="JavaScript:checkherf()">aaa</a>
rocsoar 2003-07-13
  • 打赏
  • 举报
回复
come on,come on.....
rocsoar 2003-07-13
  • 打赏
  • 举报
回复
to BrightEye(惭愧啊!一事无成...) :
在提交form之前,我还需要检查有没有选择选项。

to : jnkc(江南昆虫):
你的方法,对于点击链接时,不起作用,因为链接上没有onclick函数,但是我把onclick放进<a herf>之内,也不起作用。
如:<a href="###" jnkc="aaa.php" onclick="checkherf()">aaa</a>
即使这样,在点击链接时,完全没有反应。
江南昆虫 2003-07-13
  • 打赏
  • 举报
回复
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<script language="javascript">
function checkherf() {
var obj = event.srcElement;
if (!obj.jnkc){return;}
var f = document.f1;
if (f.g.selectedIndex == 0 || f.m.selectedIndex == 0) {
alert("Please select a group and a member");
f.g.focus();
return false;
}
if (f.s.value == "") {
alert("Please select a date in calendar");
f.s.focus();
return false;
}
f.action = obj.jnkc;
f.submit();
}
</script>
</head>

<body bgcolor="#FFFFFF" background="images/left_bg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" text="#666666" link="#0099FF" vlink="#0099FF" alink="#0099FF">
<form name="f1" method="post" action="aaa.php" target="main">
<table>
<select name="g">
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
</select>
<select name="m">
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
</select>
<input type="text" name="s">
<!-- 此处有三个select,因关系不大,所以未写出 -->
<tr>
<td align="center" colspan=4 class="txt11">
<input type="submit" name="sb" value="submit"></td>
</tr>
</form>
<tr>
<td colspan=4 class="txt11" onClick="checkherf()">
| <a href="###" jnkc="aaa.php">aaa</a> |<br>
| <a href="###" jnkc="bbb.php">bbb</a> |<br>
| <a href="###" jnkc="ccc.php">ccc</a> |</td>
</tr>
</table>
</body>
</html>
BrightEye 2003-07-13
  • 打赏
  • 举报
回复
<a href="as.asp" onclick="document.form1.submit();">as</a>
rocsoar 2003-07-13
  • 打赏
  • 举报
回复
补充说明:
此页内容是左框架的。

我的意思是:点击aaa or bbb or ccc的链接,form直接提交,右框架就显示新的页面。而此页不进行任何刷新或reload的操作,因为我必须保持左框架页面的内容不变。

请帮忙。。。。。

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧