Bootstrap modal form in v4
Bootstrap modal form in v4
(OP)
I have a form within a modal which sends an email...
While it works in Bootstrap 3, in v4 I get a javascript console error:
Uncaught TypeError: $.ajax is not a function
Any help on resolving appreciated very much.
TIA,
-allen_m
The function:
While it works in Bootstrap 3, in v4 I get a javascript console error:
Uncaught TypeError: $.ajax is not a function
Any help on resolving appreciated very much.
TIA,
-allen_m
The function:
CODE
<script> function submitContactForm(){ var reg = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i; var name = $('#inputName').val(); var email = $('#inputEmail').val(); var message = $('#inputMessage').val(); if(name.trim() === '' ){ alert('Please enter your name.'); $('#inputName').focus(); return false; }else if(email.trim() === '' ){ alert('Please enter your email.'); $('#inputEmail').focus(); return false; }else if(email.trim() !== '' && !reg.test(email)){ alert('Please enter valid email.'); $('#inputEmail').focus(); return false; }else if(message.trim() === '' ){ alert('Please enter your message.'); $('#inputMessage').focus(); return false; }else{ $.ajax({ type:'POST', url:'./include/sendEmail.php', data:'contactFrmSubmit=1&name='+name+'&email='+email+'&message='+message, beforeSend: function () { $('.submitBtn').attr("disabled","disabled"); $('.modal-body').css('opacity', '.5'); }, success:function(msg){ if(msg == 'ok'){ $('#inputName').val(''); $('#inputEmail').val(''); $('#inputMessage').val(''); $('.statusMsg').html('<span style="color:green;">Message sent.</p>'); }else{ $('.statusMsg').html('<span style="color:red;">An error occurred, please try again.</span>'); } $('.submitBtn').removeAttr("disabled"); $('.modal-body').css('opacity', ''); } }); } } </script>
RE: Bootstrap modal form in v4
Had to change to FULL jQuery cdn instead of slim build...