Dentro del input se puede configurar un patron de validación

  <input required placeholder="username@sampleCompany.com" type="email" pattern=".+@sampleCompany\.com" />

• y se puede validar usando checkValidity(). Este solo devuelve true o false

• para que se mande un mensaje de error se usa reportValidity o setCustomValidity

  input.addEventListener(“input”, (e) => { if (!e.target.checkValidity()) { e.target.setCustomValidity( “You must use a company email address that ends in @sampleCompany.com” ); } })

para evitar que se actualice la pagina y se borre el formulario en progreso

targetInputContainer.insertAdjacentHTML("beforeend", targetInputContainer);