Quiero mostrar el ícono de carga en la entrada de envío y la alerta de mensaje después de hacer clic en la entrada de envío. Yo uso setTimeout() set 3 segundos mostrar alerta de mensaje. Todos los navegadores en la computadora o el teléfono están bien. Pero con todos los navegadores de Iphone de Ios 12 - 14 no muestran alertas de mensajes o carga de íconos. Supongo que el error es la función setTimeout().

¿Alguien podría ayudarme?

Aquí está mi código:

 <form id = "commentform"> <input id="author" name="author" type="text" value="" aria-required="true"> <input id="email" name="email" type="text" value="" aria-required="true"> <select name="rating" id="rating"> <option value=""> Rate… </option> <option value="5"> Perfect </option> <option value="4"> Good </option> <option value="3"> Average </option> <option value="2"> Not that bad </option> <option value="1"> Very Poor </option> </select> <textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea> <input name="submit" type="submit" id="submit" value="OK"> </form> <script type="text/javascript"> jQuery(document).ready(function (e) { e(document).on("click", "form#commentform #submit", function (t) { e("span.empty-review").remove(); var o = !e("select#rating").val(), a = !e("textarea#comment").val(); b = !e("input#author").val(); c = e("input#email").val(); emailReg = /^\w+([\.\-\+]\w+)*\w*@(\w+\.)+\w+$/; f = !emailReg.test(c) && c; f && e(this).before('<span class="error empty-review">Wrong Email. Try again</span>'); (o || a || b || c=="") && e(this).before('<span class="error empty-review">Please enter fields with (*). Try again</span>'); if (o || a || b || c=="" || f) { t.preventDefault(); }else{ e(this).addClass("rvloading");// add loading icon with CSS setTimeout(function(){ alert("Your review sent"); }, 2000); } }); }) </script>