Tengo una tabla donde puedes agregar filas con entradas para correo electrónico. Cuando ingresa el correo electrónico, quiero alternar para mostrar un DIV oculto cuando no hay ninguna coincidencia con un correo electrónico de expresión regular que he configurado.
Funciona, el problema es que si la siguiente entrada tiene el opuesto de la coincidencia, div vuelve a esconderse.
Entonces, si agrego filas e ingreso correos electrónicos con @gmail, quiero que el div permanezca oculto. Pero si en todas las filas hay alguna otra entrada de fila con al menos un correo electrónico que no sea de @gmail, quiero mostrar div oculto y no ocultarlo, incluso si la siguiente entrada es una entrada con @gmail, a menos que elimine todas las filas con ! partido entonces no mostrar div.
var i = 1; $("#addbutton").click(function() { $("#usertable").append('<tr>' + '<td><input id="myinputs" class="form-control input-lg email1" type="email" name="mail[]" required /></td>' + '<td><button type="button" class="removebutton" title="Remove this row">X</button></td></tr>').find("input").each(function() {}); i++; });; $(document).on('click', 'button.removebutton', function() { $(this).closest('tr').remove(); return false; }); $(document).on("keyup change", "#myinputs", function() { $(".mydiv").toggle(!/@gmail./ig.test(this.value) && !/^\s*$/.test(this.value)) }); .mydiv { display: none; } <form action="" method="post" enctype="multipart/form-data"> <div class="form-floating mb-3 mt-3"> <input class="btn btn-primary" type="button" id="addbutton" value="Add Row" title="Add more input rows"> <br> <table class="thetable" id="usertable"> <tr> <td><b>Mail: </b></td> </tr> <tr> <td><input id="myinputs" class="form-control input-lg email" type="email" name="mail[]" required /></td> </tr> </table> </div> <div class="form-floating mb-3 mt-5 mydiv"> Show only if theres one email not from gmail </div> <div class="form-floating mb-3 mt-5"> <input class="btn btn-primary" type="submit" name="submit" value="Submit" /> </div> </form> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>