關於問題<form onsubmit “function() ”>

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
})