javascript - 关于的问题

Question

我写了一个函数来激活表单中的 onsubmit""。在函数(JavaScript)中，我尝试用字段集的输入填充变量。在进行故障排除时，我立即发现所有输入在我将它们保存到变量之前都被清除了。我知道这不是使用表格的方式，但我确实喜欢它指出仍需要填写的字段的方式。那么有没有办法或有人想出一种方法来使提交在刷新之前做某事(功能)？还是绝对没有办法？

function objectfill() {
var vnaam = document.getElementById('Voornaam').value;
var anaam = document.getElementById('naam').value;
var mail = document.getElementById('email').value;
var tele = document.getElementById('mobiel').value;
var rknr = document.getElementById('rijksregister').value;
var actie = document.getElementById('workshop').value
var k = document.getElementsByName('Room');
var room
for (var i = 0; i < k.length; i++) {
    if (k[i].checked) {
        room = k[i].value;
    }
}

var personeel = new personeelgegevens(pnr, vnaam, anaam, mail, tele, rknr, 
actie, room);
console.log(personeel)

这是我使用的函数 onsubmit="objectfill()"我想填充对象，但显然行不通。

Answer 1

您只需通过调用 event.preventDefault() 来阻止该提交的发生，以便您的 JavaScript 可以运行。 .另外，尝试使用 element.addEventListener()而不是内联事件属性。

// Assuming a form that looks like
<form id="myform">

// Do

const form = document.getElementById('form')

form.addEventListener('submit', event => {
  // prevent the form from submitting
  event.preventDefault()

  // The rest of your form code here
})