Auto-populate creating incorrect donation amounts

Options
Hello,


We are having trouble with our donation forms. When constituents use our "other" donation option and the "same as donor information" radio button, phone numbers are overriding the donation value entered by the constituent. Our constituents can't see this from the front-end but is found in our merchant services. Has anyone else had this issue? Could it be caused by our current script on the page for the button?


<style>

#billing_info_same_as_donor_row{display: none;}

</style>


<div class="form-row form-checkbox">

 <div class="form-content">

   <input type="checkbox" id="gFLBilling" name="gFLBilling"> Billing information is the same as donor information

 </div>


</div>


<script>

$(document).ready(function(){

  $("#gFLBilling").click(function(){

   if($("#gFLBilling").prop('checked') == true){

     console.log("Billing Info Same");


     if($("#organization_donation_radio_true").prop('checked') == true){

      $("#billing_first_namename").val($("#joint_donor_first_namename").val());

     $("#billing_last_namename").val($("#joint_donor_last_namename").val());

     $("#billing_addr_street1name").val($("#donor_addr_street1name").val());

     $("#billing_addr_cityname").val($("#donor_addr_cityname").val());

     $("#billing_addr_zipname").val($("#donor_addr_zipname").val());

     $("#billing_addr_state").val($("#donor_addr_state").val());

     $("#billing_info_same_as_donorname").prop('checked') == true;

     } else{

      $("#billing_first_namename").val($("#donor_first_namename").val());

      $("#billing_last_namename").val($("#donor_last_namename").val());

      $("#billing_addr_street1name").val($("#donor_addr_street1name").val());

      $("#billing_addr_cityname").val($("#donor_addr_cityname").val());

      $("#billing_addr_zipname").val($("#donor_addr_zipname").val());

      $("#billing_addr_state").val($("#donor_addr_state").val());

      $("#billing_info_same_as_donorname").prop('checked') == true;


     }

   }

   else if ($("#gFLBilling").prop('checked') == false){

     console.log("Billing Info Diff");

     $("#billing_first_namename").val("");

     $("#billing_last_namename").val("");

     $("#billing_addr_street1name").val("");

     $("#billing_addr_cityname").val("");

     $("#billing_addr_zipname").val("");

     $("#billing_addr_state").val("");

     $("#billing_info_same_as_donorname").prop('checked') ==  false;

   }

  });

});

</script>
Tagged:

Comments

  • Hi, Megan. Can you provide a link to a form that shows the problem?
  • Megan Falk:

    Hello,


    We are having trouble with our donation forms. When constituents use our "other" donation option and the "same as donor information" radio button, phone numbers are overriding the donation value entered by the constituent. Our constituents can't see this from the front-end but is found in our merchant services. Has anyone else had this issue? Could it be caused by our current script on the page for the button?


    <style>

    #billing_info_same_as_donor_row{display: none;}

    </style>


    <div class="form-row form-checkbox">

     <div class="form-content">

       <input type="checkbox" id="gFLBilling" name="gFLBilling"> Billing information is the same as donor information

     </div>


    </div>


    <script>

    $(document).ready(function(){

      $("#gFLBilling").click(function(){

       if($("#gFLBilling").prop('checked') == true){

         console.log("Billing Info Same");


         if($("#organization_donation_radio_true").prop('checked') == true){

          $("#billing_first_namename").val($("#joint_donor_first_namename").val());

         $("#billing_last_namename").val($("#joint_donor_last_namename").val());

         $("#billing_addr_street1name").val($("#donor_addr_street1name").val());

         $("#billing_addr_cityname").val($("#donor_addr_cityname").val());

         $("#billing_addr_zipname").val($("#donor_addr_zipname").val());

         $("#billing_addr_state").val($("#donor_addr_state").val());

         $("#billing_info_same_as_donorname").prop('checked') == true;

         } else{

          $("#billing_first_namename").val($("#donor_first_namename").val());

          $("#billing_last_namename").val($("#donor_last_namename").val());

          $("#billing_addr_street1name").val($("#donor_addr_street1name").val());

          $("#billing_addr_cityname").val($("#donor_addr_cityname").val());

          $("#billing_addr_zipname").val($("#donor_addr_zipname").val());

          $("#billing_addr_state").val($("#donor_addr_state").val());

          $("#billing_info_same_as_donorname").prop('checked') == true;


         }

       }

       else if ($("#gFLBilling").prop('checked') == false){

         console.log("Billing Info Diff");

         $("#billing_first_namename").val("");

         $("#billing_last_namename").val("");

         $("#billing_addr_street1name").val("");

         $("#billing_addr_cityname").val("");

         $("#billing_addr_zipname").val("");

         $("#billing_addr_state").val("");

         $("#billing_info_same_as_donorname").prop('checked') ==  false;

       }

      });

    });

    </script>

    Megan

    We have had that same problem at WWF-Canada. It seems to us that it happens when people use Chrome browser. We have not had any reports of the problem from users of IE or Firefox although that might just be coincidence. We found that most often it was picking up either the year of birth or some other combination of numbers from donors date of birth details. We got a few $1900+ donations from very surprised donors!!


    Blackbaud have not been able to come up with a resolution to the problem and say that it really is a Google issue. They say that even if they were to figure out a fix Google could at any time make changes to the autofill function that could negate the fix. At this point we have not been able to come up with any definitive solution.


    Robert

  • Erik Leaver
    Erik Leaver Blackbaud Employee
    Ancient Membership 250 Likes 100 Comments Photogenic

    robert badley:

    Megan Falk:

    Hello,


    We are having trouble with our donation forms. When constituents use our "other" donation option and the "same as donor information" radio button, phone numbers are overriding the donation value entered by the constituent. Our constituents can't see this from the front-end but is found in our merchant services. Has anyone else had this issue? Could it be caused by our current script on the page for the button?


    <style>

    #billing_info_same_as_donor_row{display: none;}

    </style>


    <div class="form-row form-checkbox">

     <div class="form-content">

       <input type="checkbox" id="gFLBilling" name="gFLBilling"> Billing information is the same as donor information

     </div>


    </div>


    <script>

    $(document).ready(function(){

      $("#gFLBilling").click(function(){

       if($("#gFLBilling").prop('checked') == true){

         console.log("Billing Info Same");


         if($("#organization_donation_radio_true").prop('checked') == true){

          $("#billing_first_namename").val($("#joint_donor_first_namename").val());

         $("#billing_last_namename").val($("#joint_donor_last_namename").val());

         $("#billing_addr_street1name").val($("#donor_addr_street1name").val());

         $("#billing_addr_cityname").val($("#donor_addr_cityname").val());

         $("#billing_addr_zipname").val($("#donor_addr_zipname").val());

         $("#billing_addr_state").val($("#donor_addr_state").val());

         $("#billing_info_same_as_donorname").prop('checked') == true;

         } else{

          $("#billing_first_namename").val($("#donor_first_namename").val());

          $("#billing_last_namename").val($("#donor_last_namename").val());

          $("#billing_addr_street1name").val($("#donor_addr_street1name").val());

          $("#billing_addr_cityname").val($("#donor_addr_cityname").val());

          $("#billing_addr_zipname").val($("#donor_addr_zipname").val());

          $("#billing_addr_state").val($("#donor_addr_state").val());

          $("#billing_info_same_as_donorname").prop('checked') == true;


         }

       }

       else if ($("#gFLBilling").prop('checked') == false){

         console.log("Billing Info Diff");

         $("#billing_first_namename").val("");

         $("#billing_last_namename").val("");

         $("#billing_addr_street1name").val("");

         $("#billing_addr_cityname").val("");

         $("#billing_addr_zipname").val("");

         $("#billing_addr_state").val("");

         $("#billing_info_same_as_donorname").prop('checked') ==  false;

       }

      });

    });

    </script>

    Megan

    We have had that same problem at WWF-Canada. It seems to us that it happens when people use Chrome browser. We have not had any reports of the problem from users of IE or Firefox although that might just be coincidence. We found that most often it was picking up either the year of birth or some other combination of numbers from donors date of birth details. We got a few $1900+ donations from very surprised donors!!


    Blackbaud have not been able to come up with a resolution to the problem and say that it really is a Google issue. They say that even if they were to figure out a fix Google could at any time make changes to the autofill function that could negate the fix. At this point we have not been able to come up with any definitive solution.


    Robert

     

    It may be that the Chrome autocomplete function is not properly aligning up the users autocomplete functions with your forms. You can help with the matching by adding content attributes to your form fields. There are still developing standards for this but here's the one that google is trying to support: https://html.spec.whatwg.org/multipage/forms.html#autofill


    Best,

    Erik

  • Hi Megan,


    We were having the same problem, so we added this script to our forms to prevent autofill from entering anything into the Other input:


    <script>

    jQuery( document ).ready(function() {

    jQuery('.donation-levels .donation-level-user-entered input[type="text"]').attr('autocomplete','off');

    });

    </script>


    Good luck!


    Gaby Gollub

    World Wildlife Fund

    www.worldwildlife.org

Categories