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

有关<form onsubmit =“”“ function（）=”“” =“”>的问题

1 个答案: