Question

试图使我的表格提交无效。完全是javascript和HTML的新手，因此非常感谢您的帮助！

<form class="form" id="MyForm" onsubmit="submit(get('name').value, get('email').value, get('information').value); return false;">

Answer 1

尝试

<form onsubmit="myFunction()">
  Enter name: <input id="name" name="name" type="text">
  Enter email: <input id="email" name="email" type="text">
  <!--And more inputs...-->
  <input type="submit" value="Submit">
</form>

将此代码添加到表单下方

<script type="text/javascript">
function myFunction() {
  // My Example code (I think you want get input value, True??)
  var Name = document.getElementById("name").value;
  var Email = document.getElementById("email").value;

  // Or put your code in here

}
</script>

我希望它能起作用，祝你好运。

Answer 2

我假设您有一个具有input属性的type="submit"元素。

如果要在提交时保留输入值。您可以将"this.[name].value"用作onsubmit函数参数。

因此，示例表格应如下所示：

function myFunction(name, email, information) {
  alert("name" + value);
  alert("email" + value);
  alert("information" + value);
}

<p>Example form that returns input value as an alert.</p>

<form onsubmit="myFunction(this.name.value, this.email.value, this.information.value)">
  name: <input type="text" name="name"><br>
  email: <input type="text" name="email"><br>
  information: <input type="text" name="information"><br>
  <input type="submit" value="Submit">
</form>

我该如何提交？

2 个答案: