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

Question

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

抱歉新问题，代码是这样的：

<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>

Answer 1

你可以试试这个：

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

然后在你的函数中：

function submitform(form)
{
    username = document.getElementsByName("username")
    window.alert("hi:" username)
}

然后使用您传入的表单对象。

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

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

         //Do something
       }
    });
}

Answer 2

是的，您的代码存在一些问题，但您已经解决了。

提交按钮不应位于 <a> 标签内。您还漏掉了结尾的胡萝卜。
您使用的是 type，但我猜您的意思是 method。
在您的 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>

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

Process a form with javascript and use it in pop up?

html

javascript

popup