HTML嵌套表单问题

HTML Nested Form Problem

本文关键字：问题 表单 嵌套 HTML      更新时间：2023-09-26

我正在使用CGI脚本制作一个网页，其中有一个表单用户需要填写。总体布局为:

<form>
textfield (username)
textfield (password)
textfield (email)
submit button
</form>

我想做的是添加一个按钮来检查他们输入的用户名是否可用。我的问题是我试图这样做的方式是:

<form>
<form>
textfield (username)
submit button
</form>
textfield (password)
textfield (email)
submit button
</form>

这不起作用，提交按钮会提交外部表单。以下是我考虑过尝试但没有成功的方法:

  1. 在第一个表单的末尾添加一个表单。问题:我不知道如何对齐"验证"按钮旁边的用户名文本字段按钮，而不使其浮动，导致一堆其他问题与页面。

  2. 在提交按钮上设置值，并使提交根据点击哪个按钮做不同的事情。问题:我想让一个"POST"请求的网页是不同的基于哪个按钮被按下。看到我把动作="mypage.cgi"在代码的一部分，而不是按钮部分，我不知道如何使它去不同的网站基于哪个按钮我按下。

首先，给所有表单命名是个好主意。
所以你可以很容易地区分形式。

接下来，将onClick甚至附加到每个将调用具有不同参数的函数的按钮上:1,2,3。每个按钮将发送自己的参数。在函数中，您只需查看参数并提交适当的表单。

<form name='form1'>
....
<button type="button" onClick=doIt(1);>Submit</button>
</form>
<form name='form2'>
....
<button type="button" onClick=doIt(2);>Submit</button>
</form>
<form name='form3'>
....
<button type="button" onClick=doIt(3);>Submit</button>
</form>
<script>
function doIt(formid)
{
   if(formid==1)
   {
      document.form1.submit();
   }
   if(formid==2)
   {
      document.form2.submit();
   }
...
}
</script>

有多个不同名称的提交按钮。

对于嵌套表单，我使用的方法是使用tag代替tag，然后在点击提交按钮时附加表单标签。

我已经写了一个小的JQ插件-'dynaForm'，它很容易实现。请参考==> http://anupampdhyy.wordpress.com/2014/09/29/dynaform/

和

你也可以在:https://www.youtube.com/watch?v=CFQia8EsoPQ&特性= youtu.be

我希望这有助于您在HTML代码中实现嵌套表单。:)

您可能需要创建两个不同的表单操作，这样您就不会提交两个完全不同的值

相关文章：