Hack for Optional Phone Field on Donate Page

donation-page-optional-phone-field-hack.html

<div class="row">
  <div class="col-md-12">
    <div class="form-group">
      <label for="donation_billing_address_phone_number" class="control-label">Phone</label>
      {% phone_field "billing_address.phone_number", class:"text form-control", placeholder:"Phone" %}
      <small style="display: block; padding-top: 5px; line-height: 16px;">
        <a id="donate_no_phone" href="#">Click here</a> to make a donation without providing a phone number
      </small>
      <script type="text/javascript">
        $(function(){
          $('#donate_no_phone').click(function(e){
            e.preventDefault();
            var phoneField = $('#donation_billing_address_phone_number');
            $(this).closest('.row').hide();
            if(!phoneField.val()){
              phoneField.val('00000000');
            }
            return false;
          });
        });
      </script>
    </div>
  </div>
</div>