joplin-notes/joplin notion extension/Web Development/CSS/Bootstrap/validation.md

validation

• for browser default validation for no custom validation rules use something like this

<form class="needs-valiation">
	<input type="text" required>
</form>

const forms = document.querySelectorAll(".needs-validation");

// Loop over them and prevent submission
Array.from(forms).forEach((form) => {
  form.querySelector("input").addEventListener("blur", (e) => {
    console.log("detected");
    form.classList.add("was-validated");

  

  
  });

  form.addEventListener("submit", (event) => {
    event.preventDefault();
    event.stopPropagation();
    console.log("submit listened");
    //   event.preventDefault();
    //   if (!form.checkValidity()) {
    //     console.log("preventing default");
    //     event.preventDefault();
    //     event.stopPropagation();
    //   }

    //   form.classList.add("was-validated");
  });
});

 

Using custom rules for validation