<form action="">
  <label for="your-name">Your name:</label>
  <input type="text" id="your-name" name="Name" required>
  <button id="submit" onclick="clicked1()">Submit</button>
</form>
function clicked1() {
  document.getElementById("submit").innerText = "Submit Disregarding Error(s)";
  document.getElementById("submit").addEventListener("click", clicked2);
}

function clicked2() {
  document.getElementById("your-name").removeAttribute("required");
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.