使用javascript处理表单并在弹出窗口中使用它？

我正在尝试制作一个网站上的表单，我想知道是否有办法单击表单的提交按钮，然后弹出一个使用该信息的窗口

很抱歉提出这个新问题，代码是这样的：

<form name="myform" onsubmit="submitform()" type="POST">
Username: <input type="text" name="username">
<a>
<input type = "submit" value = "Submit"
</a>
</form>

<script type="text/javascript">
function submitform()
{
    username = document.getElementsByName("username")
    window.alert("hi:" username)
}
</script>

用户名：
您可以尝试以下方法：

<form name="myform" onsubmit="submitform(this) return false;" type="POST">

然后使用传递的表单对象

if ($(form).valid())
{
    var fields = $(form).serializeArray();

    $(fields).each(function ()
    {
      if (this.name !== undefined)
      {
          var propertyName = this.name;
          var propertyValue = this.value;

         //Do something
       }
    });
}

是的，你的代码有一些问题，但你很接近


提交按钮不应位于
标记内。你也错过了最后的胡萝卜
您使用的是
类型
，但我猜您的意思是
方法
在JavaScript中，您将获得一个带有
getElementsByName
的元素数组，但从未获得值

把这些放在一起，然后：

<form name="myform" onsubmit="submitform()" method="POST">
    Username: <input type="text" name="username" />
    <input type="submit" value="Submit" />
</form>


<script>
function submitform()
{
    username = document.getElementsByName("username")[0].value
    window.alert("hi:" username)
    return false;
}
</script>


用户名：
函数submitform（）
{
username=document.getElementsByName（“用户名”）[0]。值
window.alert（“hi:”用户名）
返回false；
}

<form name="myform" onsubmit="submitform()" method="POST">
    Username: <input type="text" name="username" />
    <input type="submit" value="Submit" />
</form>


<script>
function submitform()
{
    username = document.getElementsByName("username")[0].value
    window.alert("hi:" username)
    return false;
}
</script>