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处理表单并在弹出窗口中使用它？

2 个答案: