Required attribute | Form Validation ignored

bookFormSubmit.addEventListener("click", (event) => {
    const bookValues = [];
    const bookStatusInput = document.querySelector("input[name='book-status']:checked").value;
    document.querySelector("input[name='book-status']:checked").checked = false;
    for (let bookInput of bookFormInputs) {
        const bookValue = bookInput.value;
        bookInput.value = "";
        bookValues.push(bookValue);
    };
    bookValues.push(bookStatusInput);
    console.log(bookValues);
    addBookToLibrary(...bookValues);
    blurredOverlay.style.visibility = "hidden";

    bookForm.close();
    event.preventDefault();
});

bookFormSubmit.addEventListener("click", (event) => {
    const bookValues = [];
    const bookStatusInput = document.querySelector("input[name='book-status']:checked").value;
    document.querySelector("input[name='book-status']:checked").checked = false;
    for (let bookInput of bookFormInputs) {
        const bookValue = bookInput.value;
        bookInput.value = "";
        bookValues.push(bookValue);
    };
    bookValues.push(bookStatusInput);
    console.log(bookValues);
    addBookToLibrary(...bookValues);
    blurredOverlay.style.visibility = "hidden";

    bookForm.close();
    event.preventDefault();
});