javascript - 如何将 HTML 表单数据添加到 mailto 链接

Question

我正在尝试创建一个表单，允许用户输入他们的名字和姓氏，然后提交。我想获取他们输入的名字和姓氏，并将该数据放入 mailto 链接中。下面的代码是我所拥有的。我做错了什么？

<div class="form">
    <form>
        <input type="text" name="firstname" placeholder="First Name">
        <input type="text" name="lastname" placeholder="Last Name">
        <button type="submit" class="submit" onclick="submitForm()"><i class="material-icons md-24">play_circle_filled</i></button>
    </form>
    <script>
    function submitForm{
        var fname = get.getElementsByName("firstname").value;
        var lname = get.getElementsByName("lastname").value;
        window.open("mailto:someone@example.com?subject=Test%20Email&body=First%20Name:%20"+fname+"%20Last%20Name:"+lname"");
    }
    </script>
</div>

Answer 1

试试这个

function submitForm(form) {
  window.open("mailto:someone@example.com?subject=Test%20Email&body=First%20Name:%20" + form.firstname.value + "%20Last%20Name:" + form.lastname.value);
  return false; /* cancel submit or else page reloads */
}

<form onsubmit="return submitForm(this);">
  <input type="text" name="firstname" placeholder="First Name" />
  <input type="text" name="lastname" placeholder="Last Name" />
  <button type="submit" class="submit"><i class="material-icons md-24">play_circle_filled</i></button>
</form>

顺便说一句，以下是您的代码中的错误。

:"+lname""); /*unwanted "" at the end*/

在这里，您有多项更正:

get.getElementsByName("firstname").value

它不是 get. 而是 document.，而且 getElementsByName() 也会返回 NodeList而不仅仅是一个 HTML 元素，因此同样您需要使用索引，因此您最终会得到 document.getElementsByName("firstname")[0].value