javaScript解决Form的嵌套

最新推荐文章于 2024-02-21 11:54:30 发布

原创最新推荐文章于 2024-02-21 11:54:30 发布 · 3.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #input #button #function #action #login

JavaScript/Ajax 技术专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用JavaScript动态改变HTML表单的提交地址(action属性)，实现不同按钮触发不同表单提交路径的功能，有效避免HTML表单嵌套限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML是不允许FORM嵌套的，用一个简单的JAVASCRIPT就可以解决问题了 :

<script language=javascript>
function process(v){
if(v=="in"){
document.theForm.action="in.jsp";
}else{
document.theForm.action="out.jsp";
}
document.theForm.submit();
}
</script>

<form name=theForm method=post>
<input type=text name=username>
<input type=text name=password>
<input type=button name=login value=LOGIN onclick="process('in')">
<input type=button name=logout value=LOGOUT onclick="process('out')">
<form>

还可以参考下面的：

用javascript语句来控制action是a.asp还是b.asp

<form action="" method="post" name="myform">
<input type="submit" class="button" name="Submit1" value=" 确定 " onclick="SelSubmit1()" />
<input type="submit" class="button" name="Submit2" value=" 确定 " onclick="SelSubmit2()"/>
</form>
<script language="javascript" type="text/javascript">
function SelSubmit1()
{
document.myform.action='a.asp';
document.myform.submit();
}
function SelSubmit2()
{
document.myform.action='b.asp';
document.myform.submit();
}
</script>