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

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

本文关键字：窗口 处理 javascript 表单 使用      更新时间：2023-09-26

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

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

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

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

  • 提交按钮不应位于<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>

你可以试试这个：

<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
       }
    });
}
相关文章：