estoy usando la validación de formulario de bootstrap para validar un formulario. quiero agregar un campo adicional llamado código de descuento. este campo debe aceptar solo los códigos especificados. cuando el campo está vacío, debe encenderse en verde, cuando el código es correcto, debe encenderse en verde y cuando el código es incorrecto, debe encenderse en rojo. ¿Cómo puedo hacer eso usando la validación de formulario de arranque?

así es como se ve casi mi forma

 <form class="needs-validation" novalidate> <div class="form-group"> <div class="col-md-12"> <strong>Enter your name </strong> <input type="text" name="name" id="name" class="form-control" value="" required minlength="3" /> <div class="invalid-feedback"> Name should be at least 3 characters </div> </div> </div> <div class="col-12"> <button class="btn btn-primary" type="submit">Submit form</button> </div> </form> <script> (function () { 'use strict' // Fetch all the forms we want to apply custom Bootstrap validation styles to var forms = document.querySelectorAll('.needs-validation') // Loop over them and prevent submission Array.prototype.slice.call(forms) .forEach(function (form) { form.addEventListener('submit', function (event) { if (!form.checkValidity()) { event.preventDefault() event.stopPropagation() } form.classList.add('was-validated') }, false) }) })() </script>