点击超链接时提交表单 [英] submit a form when click on a hyperlink
本文介绍了点击超链接时提交表单的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
在我的网页上。我想以两种方式提交表格。
1）点击一个图片（说继续）
2）点击一个超级链接？（这又是一个图片）
我需要验证我的表单。看到我的代码如下
< table width =989border =0align =centercellpadding =0 cellspacing =0>
< tr>
< td width =989align =centervalign =topstyle =text-align：left;>< table align =leftwidth =989border = 0cellspacing =0cellpadding =0>
< tr>
< td width =24align =leftvalign =topbackground =../ images / box-top-tile.jpg>< img src =../ images /box-left-top.jpgwidth =24height =24/>< / td>
< td width =941align =leftvalign =topbackground =../ images / box-top-tile.jpg>< img src =../ images /box-top-tile.jpgwidth =24height =24/>< / td>
< td width =24align =rightvalign =topbackground =../ images / box-top-tile.jpg>< img src =../ images /box-right-top.jpgwidth =24height =24/>< / td>
< / tr>
< tr>
< td align =leftvalign =topbackground =../ images / box-left-tile.jpg>< img src =../ images / box-left- tile.jpgwidth =24height =24/>< / td>
< td height =380align =leftvalign =topbgcolor =＃F9F9F9style =vertical-align：top;>< table border =0cellspacing = 0width =941>
< tr>
< td width =44>< / td>
< td style =vertical-align：top;><！ - 开始左侧 - >
< form name =frm_signup1action =signuppersonalonSubmit =return frmvalidate（）;方法= POST >
< tr>
< td class =signup-headheight =50style =color：#FFFFFF;>& nbsp; Create Your Profile：& nbsp;< span style =font- size：16px>入门< / span>< / td>
< / tr>
< tr>
< td class =signup-boxstyle =padding-bottom：0px;> MY text。
< br>
< div style =float：left>
< input type =checkboxname =readid =id_read/>
我已阅读并希望继续< / div>
< div style =float：right>
< input type =imagesrc =../ images / site / continue.pngborder =0/>
< input type =hiddenname =frm_submitvalue =1/>
< / div>< / td>
< / tr>
< tr>
< td height =50style =background-image：url（../ images / site / box-grey.png）; background-repeat：no-repeat>< / td>
< / tr>
< / table>
< / form>< / td>
< td width =50>< / td>
< td width =355style =text-align：right; vertical-align：top>< img src =../ images / site / main-category.jpgborder = 1/> < / TD>
< td width =44>< / td>
< / tr>
< tr>
< td colspan =5>& nbsp;< / td>
< / tr>
< tr>
< td colspan =5align =center>< table border =0cellpadding =0align =centercellspacing =0>
< tr>
< td width =30align =leftstyle =vertical-align：middle>< img src =../ images / site / right-arrow-disabled.png> ;< / TD>
< td style =border：1px solid＃999999; width：300px;>< table border =0cellspacing =0cellspacing =0height =20>
< tr>
< td width =20style =background-color：#CCCCCC>< / td>
< / tr>
< / table>< / td>
< td width =30style =text-align：right; vertical-align：middle>< a href =＃onclick =document.frm_signup1.submit（）;> ;< img src =../ images / site / left-arrow.pngborder =0>< / a>< / td>
< / tr>
< / table>< / td>
< / tr>
< tr>
< td colspan =5height =25style =text-align：center; vertical-align：bottom; >< span style =font-size：16px; color：＃000000;>您的进度< / span>< / td>
< / tr>
< / table>< / td>
< td height =380align =rightvalign =topbackground =../ images / box-right-tile.jpg>< img src =../ images /box-right-tile.jpgwidth =24height =24/>< / td>
< / tr>
< tr>
< td align =leftvalign =topbackground =../ images / box-btm-tile.jpg>< img src =../ images / box-left- bottom.jpgwidth =24height =24/>< / td>
< td align =leftvalign =topbackground =../ images / box-btm-tile.jpg>< img src =../ images / box-btm- tile.jpgwidth =24height =24/>< / td>
< td align =rightvalign =topbackground =../ images / box-btm-tile.jpg>< img src =../ images / box-right- bottom.jpgwidth =24height =24/>< / td>
< / tr>
< / table>< / td>
< / tr>
< / table>
单击图片时我的表单验证工作正常（即第一种方式）。但是，当我点击超链接表单验证不起作用。
查看我的表单验证码
< script type =text / javascript>
函数frmvalidate（）{
if（document.getElementById（'id_read'）。checked == false）{
alert（'请选择复选框'）;
返回false;
}
返回true;
}
< / script>
请帮助我
解决方案
'fm'是您的表单ID
在超链接上提交表格
< a href = onclick =document.getElementById（'fm'）。submit（）; return false;>提交< / a>
与图片
（只需使用
< input type =image而不是< input type =submit < input type =imagesrc =onclick =document.getElementById（'fm'）。submit（）; return false;>
In my webpage. i want to submit a form in two ways. 1) On clicking an Image (Say Continue) 2) On clicking a hyper link ?(which is again an image)
I need to validate my form . See my code below
<table width="989" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="989" align="center" valign="top" style="text-align:left;"><table align="left" width="989" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="24" align="left" valign="top" background="../images/box-top-tile.jpg"><img src="../images/box-left-top.jpg" width="24" height="24" /></td>
<td width="941" align="left" valign="top" background="../images/box-top-tile.jpg"><img src="../images/box-top-tile.jpg" width="24" height="24" /></td>
<td width="24" align="right" valign="top" background="../images/box-top-tile.jpg"><img src="../images/box-right-top.jpg" width="24" height="24" /></td>
</tr>
<tr>
<td align="left" valign="top" background="../images/box-left-tile.jpg"><img src="../images/box-left-tile.jpg" width="24" height="24" /></td>
<td height="380" align="left" valign="top" bgcolor="#F9F9F9" style="vertical-align:top;"><table border="0" cellspacing="0" width="941" >
<tr>
<td width="44"></td>
<td style="vertical-align:top;"><!-- start left side-->
<form name="frm_signup1" action="signuppersonal" onSubmit="return frmvalidate();" method="post">
<table border="0" cellspacing="0" cellpadding="0" width="455" height="380" >
<tr>
<td class="signup-head" height="50" style="color:#FFFFFF;"> Create Your Profile: <span style="font-size:16px">Getting Started</span></td>
</tr>
<tr>
<td class="signup-box" style="padding-bottom:0px;">MY text.
<br>
<div style="float:left">
<input type="checkbox" name="read" id="id_read" />
I have read and would like to continue</div>
<div style="float:right">
<input type="image" src="../images/site/continue.png" border="0" />
<input type="hidden" name="frm_submit" value="1" />
</div></td>
</tr>
<tr>
<td height="50" style="background-image:url(../images/site/box-grey.png); background-repeat:no-repeat"></td>
</tr>
</table>
</form></td>
<td width="50"></td>
<td width="355" style="text-align:right; vertical-align:top"><img src="../images/site/main-category.jpg" border="1" /> </td>
<td width="44"></td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td colspan="5" align="center"><table border="0" cellpadding="0" align="center" cellspacing="0">
<tr>
<td width="30" align="left" style="vertical-align:middle"><img src="../images/site/right-arrow-disabled.png"></td>
<td style="border:1px solid #999999; width:300px;"><table border="0" cellspacing="0" cellspacing="0" height="20" >
<tr>
<td width="20" style="background-color:#CCCCCC"></td>
</tr>
</table></td>
<td width="30" style="text-align:right; vertical-align:middle"><a href="#" onclick="document.frm_signup1.submit();"><img src="../images/site/left-arrow.png" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="5" height="25" style="text-align:center; vertical-align:bottom;" ><span style="font-size:16px; color:#000000;">Your Progress</span></td>
</tr>
</table></td>
<td height="380" align="right" valign="top" background="../images/box-right-tile.jpg"><img src="../images/box-right-tile.jpg" width="24" height="24" /></td>
</tr>
<tr>
<td align="left" valign="top" background="../images/box-btm-tile.jpg"><img src="../images/box-left-bottom.jpg" width="24" height="24" /></td>
<td align="left" valign="top" background="../images/box-btm-tile.jpg"><img src="../images/box-btm-tile.jpg" width="24" height="24" /></td>
<td align="right" valign="top" background="../images/box-btm-tile.jpg"><img src="../images/box-right-bottom.jpg" width="24" height="24" /></td>
</tr>
</table></td>
</tr>
</table>
My form validation is working when clicking on the image ( ie First way). But when i clicked on the hyperlink form validation is not working. see my form validation code
<script type="text/javascript">
function frmvalidate(){
if(document.getElementById('id_read').checked == false){
alert('Please select the Checkbox');
return false;
}
return true;
}
</script>
Please help me
Thanks in advance
解决方案
'fm' is your form id
Submit form on hyperlink
<a href="" onclick="document.getElementById('fm').submit();return false;">Submit</a>
With Image
(Just use <input type="image" instead of <input type="submit"
<input type="image" src="" onclick="document.getElementById('fm').submit();return false;" >
这篇关于点击超链接时提交表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
