$("#loanApplication").submit(function(event) { /* stop form from submitting normally */ event.preventDefault(); /*if($('#name').val() == ""){ $('.help-block.name').html('Please enter your name'); return false; }*/ /* get some values from elements on the page: */ var url = $('#loanApplication').attr('action'); /* Send the data using post */ var data = $('#loanApplication').serialize(); $.ajax({ type: "POST", url: url, data: data, cache: false, success: function(result){ if(result == 'SUCCESS'){ $('#successModal').modal('toggle'); $("#successModal .modal-body center").html('Thank you '+$('#name').val()+'. We will contact you shortly.'); document.getElementById("loanApplication").reset(); $("#loanApplication").find('textarea,input').trigger('input'); $('.help-block').html(''); } else { result = JSON.parse(result); if(typeof result['validation_errors'] != "undefined"){ for(var key in result['validation_errors']) { if (!result['validation_errors'].hasOwnProperty(key)){ continue; } else { console.log(key) $('#'+key).next('.help-block').html(result['validation_errors'][key]); $('.help-block').css('color','red'); } } } else { alert(result['error']); } } }, error: function(){ $("#success").html('Sorry '+ $('#name').val() +', it seems that my mail server is not responding. Please try again later!'); $("#success").addClass('alert alert-danger'); } }); });