时间戳

首页 > 解决方案 > 获取 HTML 表单数据到 JavaScript

javascript - 获取 HTML 表单数据到 JavaScript

问题描述

我需要一些关于我的 HTML 的帮助，我正在尝试将我的表单数据传递给一个名为 send.js 的脚本，但是没有任何反应。我感觉我的错误在于输入类型，但我不太擅长 html

<form method="post" name="myform">
  <label for="msg">Message</label>
  <textarea id="msg" name="msg" rows="5" cols="50"> </textarea> <br>
  <label for="your_name">Your Name:</label>
  <input type="text" name="your_name" id="your_name" /> <br>
  <label for="customer_number">Customers Number:</label>
  <input type="text" name="customer_number" id="customer_number" /> <br>
<input type="submit" value = "Send Message" onsubmit="f1">
</form>
<script> src="send.js"</script>

send.js 脚本如下

function f1()
{
        var msg = document.getElementById("msg").value;
        var your_name = document.getElementById("your_name").value;
        var customer_number = document.getElementById("customer_number").value;
        alert("value 1 = " + msg "value 2 = " + your_name "value 3 = " +  customer_number );
}

任何输入都会得到极大的重视

标签： javascripthtml

解决方案

<form id="myForm" method="post" name="myform">
  <label for="msg">Message</label>
  <textarea id="msg" name="msg" rows="5" cols="50"> </textarea> <br>
  <label for="your_name">Your Name:</label>
  <input type="text" name="your_name" id="your_name" /> <br>
  <label for="customer_number">Customers Number:</label>
  <input type="text" name="customer_number" id="customer_number" /> <br>
<input type="submit" value = "Send Message" onsubmit="f1">
</form>
<script src="send.js"></script>

发送.js

document.getElementById('myForm').onsubmit = f1();

或者

<form method="post" name="myform" onsumbit="f1()">

推荐阅读