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>