Question

我正在尝试执行表单验证，以便在按下提交按钮时，填写所有必填字段。这是我的代码：

function checkInput()
{
    <!--check if these input values are provided -->
    var inputFile = document.getElementByID('inputFile').value;
    var numThreads = document.getElementById('numThreads').value;
    var scoreThresh = document.getElementById('scoreThresh').value;
    var scorePen = document.getElementById('scorePenalty').value;

    if(inputFile==="" ||numThreads==="" ||scoreThresh==="" ||scorePen==="" )
    {
        alert('Please fill in all required fields');

    }

//我如何反映表格

 <form  method =POST id="weVoteForm" onsubmit="return checkInput()">

但是这段代码不起作用。谁能澄清什么是错的？谢谢！

Answer 1

在提交表单之前，您需要调用checkInput函数。为此，您可以在表单元素中使用onsubmit事件作为。

<form method="POST" id="weVoteForm" onsubmit="return checkInput();">
</form>

您的功能应如下所示

function checkInput()
{

    //check if these input values are provided -->
    // notice not <!-- in JS for comment and Id not ID
    var inputFile = document.getElementById('inputFile').value;
    var numThreads = document.getElementById('numThreads').value;
    var scoreThresh = document.getElementById('scoreThresh').value;
    var scorePen = document.getElementById('scorePenalty').value;

    if(inputFile==="" ||numThreads==="" ||scoreThresh==="" ||scorePen==="" )
    {
        alert('Please fill in all required fields');
        return false;
    }
  return true;
}

此外，您可以在每个元素中设置必需的属性，而无需将此代码编写为。

<input type="text" required />

表单验证无效 - javascript

1 个答案: