如何阻止 html 表单在 emailjs 中提交空白字段？

Question

我创建了一个这样的表单，并使用 onclick 触发 index.js 提交表单，即使表单是空的。

<form>
    <div class="form-item">
        <label for="date">Date:</label>
        <input type="date" id="date" name="date" required>
    </div>
    <button type="submit" onclick="sendMail()">Submit</button>
</form>

我的 javascript 文件看起来像这样

function sendMail(){
    var params = {
        date: document.getElementById("date").value
    };

    const serviceID = "my_id";
    const templateID = "my_id";

    emailjs.send(serviceID, templateID, params).then((res) => {
        document.getElementById("date").value = ""; 
        console.log(res);
        alert("Done! Our Team will get back to you soon");
    })
    .catch((err) => console.log(err));
    
}

我已经尝试使用另一个函数来检查表单是否为空，但它不起作用

function check() {
  var date = document.getElementById("date").value;
  if (!date) {
    alert("Please fill in all fields");
    return;
  }else {
    sendMail();
  }

Answer 1

值不为空，因为它是空的。

if (date.length === 0) then