Submitting Web Form via Ajax Tutorial

Question

Any suggestions why following this tutorial: http://kb.worldsecuresystems.com/851/cpsid_85119.html?bc-partner results in the form submitting, but then loading up a white page with the following text?
{"FormProcessV2Response": { "success": true, "entityId": "51918536", "objectTypeId": "Cases", "objectId": "7634958", "message": "<table class=\"tabledefault\"><tr><td id=\"title\"><strong>Summary of web form submission:<\/strong><br\/><!-- IP Address: 24.8.110.183 --><\/td><\/tr><tr><td id=\"name\"><strong>Your Name<\/strong><br\/>Brian <\/td><\/tr><tr><td id=\"email\"><strong>Email Address<\/strong><br\/><a href=\"mailto:[email protected]\">[email protected]<\/a><\/td><\/tr><tr><td id=\"casenumber\"><strong>Case Number<\/strong><br\/>7634958<\/td><\/tr><tr><td id=\"customfields\"><table class=\"tabledefault\"><tr><td id=\"CAT_Custom_409420\"><strong>Lesson<\/strong><br \/>Model Lesson<\/td><\/tr><tr><td id=\"CAT_Custom_409419\"><strong>Quiz Score Field<\/strong><br \/>90<\/td><\/tr><\/table><\/td><\/tr><\/table>" }}
Success message is supposed to show on same page as form.
Thx,
Brian

Answer 1

Hi,
I managed to get this to work.....by modifying the code I found herr: User manual
Below is my entire code....hope this helps!
Kane
   <div id="message"></div>
<form name="catwebformform57649" method="post" onsubmit="return checkWholeForm57649(this)" enctype="multipart/form-data" action="/FormProcessv2.aspx?WebFormID=10090&OID={module_oid}&OTYPE={module_otype}&EID={mo dule_eid}&CID={module_cid}&JSON=1" role="form" id="contact_form">
          <div class="col-sm-4">
            <div class="form-group">
              <label for="name">Name</label>
              <input type="text" class="form-control" name="FullName" id="FullName" placeholder="Enter name"  title="Please enter your name (at least 2 characters)"/>
            </div>
            <div class="form-group">
              <label for="email">Email</label>
              <input type="email" class="form-control" name="EmailAddress" id="EmailAddress" placeholder="Enter email" title="Please enter a valid email address"/>
            </div>
            <div class="form-group">
              <label for="phone">Phone</label>
              <input  class="form-control required digits" type="tel" name="CellPhone" id="CellPhone" size="30" value="" placeholder="Enter contact number" title="Please enter a valid phone number (at least 10 characters)">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="comments">Comments</label>
              <textarea name="CAT_Custom_869" id="CAT_Custom_869" class="form-control" cols="3" rows="5" placeholder="Enter your message…" title="Please enter your message (at least 10 characters)"></textarea>
              <br>
              <br>
              <button name="submit" type="submit" class="btn btn-lg" id="submit"> Submit</button>
            </div>
          </div>
         <script type="text/javascript">
function jqsub() {
var $f = $('#contact_form');
var $m = $('#message');
$.ajax({
  type: 'POST',
  url: $f.attr('action') + '&JSON=1',
  data: $f.serialize(),
    success: function(msg) {
    var formResponse = eval(msg); // This line evaluates the JSON data and converts it to JSON object. In older version of jQuery you will have to evaluate JSON object as a string.
        if (formResponse.FormProcessV2Response.success) {
                $m.addClass('success').fadeIn().html('<h3>Thanks for getting in touch. We will get back to you as soon as we can.</h3>');
                $f.fadeOut(); //Hide the form
    error: function(msg) {
    alert('error'+msg);
    return false;
</script>
           <script type="text/javascript" src="http://dla.com.sg/CatalystScripts/ValidationFunctions.js"></script><script type="text/javascript">
//<![CDATA[
var submitcount57649 = 0;function checkWholeForm57649(theForm){var why = "";if (theForm.FirstName) why += isEmpty(theForm.FullName.value, "Name"); if (theForm.LastName) why += isEmpty(theForm.LastName.value, "Last Name"); if (theForm.EmailAddress) why += checkEmail(theForm.EmailAddress.value); if (theForm.CellPhone) why += isEmpty(theForm.CellPhone.value, "Phone Number"); if(why != ""){alert(why);return false;}if(submitcount57649 == 0){submitcount57649++;jqsub();return false;}else{alert("Form submission is in progress.");return false;}}
//]]>
</script>
        </form>