Results 1 to 2 of 2

Thread: Modal form function works in v3, does not in v4

  1. #1
    Junior Member
    Join Date
    Nov 2017
    Posts
    2

    Question Modal form function works in v3, does not in v4

    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:
    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>

  2. #2
    Junior Member
    Join Date
    Nov 2017
    Posts
    2
    SOLVED...

    Had to change to FULL jQuery cdn instead of slim build...

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •