DONATE TO INTERNATIONAL HUNGER EMERGENCY | CARE.org (2025)

First Name

Last Name

Address Line 1

Address Line 2

City

State/Province

ZIP/Postal Code

Country

Email Address

If you donate and have not already registered, you will receive periodic updates and communications from CARE.

"); var $monthlyAdjusted = $monthly.add("

$

"); // Wrap everything together as you need $singleAdjusted.wrapAll('

'); $monthlyAdjusted.wrapAll('

'); testWidth() }; var _initPaymentOptions = function () { $jq(".payment-type-option") .off("click") .on("click", function (e) { $jq(this).find("input").prop("checked", true); return false; }); }; var _cleanUp = function () { $jq('span:contains("Indicates a required field")') .closest(".form-row") .hide(); $jq(".donation-level-amount-container").each(function (i, el) { var text = $jq(el).text().trim(); $jq(el).text(text.substr(0, text.length - 3)); }); $jq("#donor_phone_row").find("label").append("(not required)"); }; var _addNudge = function (obj) { var sEl = $jq(".single .donation-level-container")[obj.single.idx]; var mEl = $jq(".monthly .donation-level-container")[obj.monthly.idx]; var sWidth = $jq(sEl).width() * (obj.single.idx + 0.5) - 25; var mWidth = $jq(mEl).width() * (obj.monthly.idx + 0.5) - 25; var sAmt = sEl.innerText.trim(); var mAmt = mEl.innerText.trim(); var sText = obj.single.text; var mText = obj.monthly.text; var sStr = '

"; var mStr = '

"; $jq(sEl).prepend(sStr); $jq(mEl).prepend(mStr); }; var init = function (opts) { options = $jq.extend({}, opts); _cleanUp(); _initMonthlyToggle(); _initPaymentOptions(); _initAmounts(); _addNudge(options.nudge); var $selected = $jq('input[name="level_standardexpanded"]:checked'); $selected.closest(".donation-level-container").addClass("active"); if ($selected.closest(".amounts").is(".monthly")) { $jq('.js-freq[data-frequency="monthly"]').addClass("active"); $jq(".amounts.single").hide(); $jq(".amounts.monthly").show(); $jq('#dynamic-impact-blurb').hide(); } else { $jq('.js-freq[data-frequency="single"]').addClass("active"); $jq('#dynamic-impact-blurb').show(); $jq(".amounts.single").show(); $jq(".amounts.monthly").hide(); } if (!!$jq("#level_standardauto_repeatname").length) { if ($jq("#level_standardauto_repeatname").prop("checked")) { $jq('.js-freq[data-frequency="monthly"]').addClass("active"); $jq(".amounts.monthly").show(); $jq(".amounts.single").hide(); $jq('#dynamic-impact-blurb').hide(); } else { $jq('.js-freq[data-frequency="single"]').addClass("active"); $jq(".amounts.single").show(); $jq(".amounts.monthly").hide(); $jq('#dynamic-impact-blurb').show(); } } }; return { init: init, }; })(); $jq(function () { // If we're not on a completed page... var options = { nudge: { single: { idx: parseInt('1'), text: 'Most people are donating $300 right now.', }, monthly: { idx: parseInt('2'), text: 'Most people are choosing to give $50 a month.', }, }, }; if (!$jq(".transaction-summary-entries").length) { donationForm.init(options); } }); $jq(document).ready(function () { $jq(".don-standard-levels").show(); $jq("#ProcessForm .frequency").show(); $jq(".faux-donation-wrapper").hide(); $jq('input[inputmode="decimal"]').on('wheel', function (e) { e.preventDefault(); // Prevent the default scrolling behavior }); if ($jq('.amounts.single .other .donation-level-label-input-container input').is(":checked")) { var otherAmount = $jq(".single .other .donation-level-user-entered input").val().replace("$", ""); $jq("#single-other-faux").val(otherAmount); $jq("#single-other-faux").focus(); $jq("#single-other-faux").addClass('activated'); $jq('.single-other-faux-wrapper').addClass('activated'); updateDonation(); } else if ($jq('.amounts.monthly .other .donation-level-label-input-container input').is(":checked")) { var otherAmount = $jq(".monthly .other .donation-level-user-entered input").val().replace("$", ""); $jq("#monthly-other-faux").val(otherAmount); $jq("#monthly-other-faux").focus(); $jq("#monthly-other-faux").addClass('activated'); $jq('.monthly-other-faux-wrapper').addClass('activated'); updateDonation(); } // Adjusted event handlers for #single-other-faux $jq("#single-other-faux").on("focus input blur", function () { var fauxOther = $jq("#single-other-faux").val(); var mainInput = $jq(".single .other .donation-level-user-entered input"); // Update the main input's value mainInput.val(fauxOther); // Dispatch native input and change events to ensure proper processing var inputEvent = new Event("input", { bubbles: true }); var changeEvent = new Event("change", { bubbles: true }); mainInput[0].dispatchEvent(inputEvent); mainInput[0].dispatchEvent(changeEvent); // Keep the faux input focused and active $jq("#single-other-faux").addClass("activated"); $jq(".single-other-faux-wrapper").addClass("activated"); $jq(".single .donation-level-container").not($jq(".other")).removeClass("active"); $jq(".single .donation-level-container.other").addClass("active"); // Ensure the form recognizes the active donation option $jq('.single .other input[name="level_standardexpanded"]').prop("checked", true); // Update the form logic updateDonation(); }); // Ensure the 'active' class remains on blur $jq("#single-other-faux").on("blur", function () { $jq(".single .donation-level-container.other").addClass("active"); }); // Adjusted event handlers for #monthly-other-faux $jq("#monthly-other-faux").on("focus input blur", function () { var fauxOther = $jq("#monthly-other-faux").val(); var mainInput = $jq(".monthly .other .donation-level-user-entered input"); // Update the main input's value mainInput.val(fauxOther); // Dispatch native input and change events to ensure proper processing var inputEvent = new Event("input", { bubbles: true }); var changeEvent = new Event("change", { bubbles: true }); mainInput[0].dispatchEvent(inputEvent); mainInput[0].dispatchEvent(changeEvent); // Keep the faux input focused and active $jq("#monthly-other-faux").addClass("activated"); $jq(".monthly-other-faux-wrapper").addClass("activated"); $jq(".monthly .donation-level-container").not($jq(".other")).removeClass("active"); $jq(".monthly .donation-level-container.other").addClass("active"); // Ensure the form recognizes the active donation option $jq('.monthly .other input[name="level_standardexpanded"]').prop("checked", true); // Update the form logic updateDonation(); }); // Ensure the 'active' class remains on blur $jq("#monthly-other-faux").on("blur", function () { $jq(".monthly .donation-level-container.other").addClass("active"); }); }); function testWidth() { if (document.documentElement.clientWidth < 550) { $jq('.single-other-faux-wrapper input').attr("placeholder", "Other\u0020\u0020\u0020"); $jq('.monthly-other-faux-wrapper input').attr("placeholder", "Other\u0020\u0020\u0020"); } else { $jq('.single-other-faux-wrapper input').attr("placeholder", "Other Amount"); $jq('.monthly-other-faux-wrapper input').attr("placeholder", "Other Amount"); } } var mainSingleInput = document.querySelector(".single .other .donation-level-user-entered input"); var mainMonthlyInput = document.querySelector(".monthly .other .donation-level-user-entered input"); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.attributeName === "value") { // Use mutation.target to reference the updated input. mutation.target.dispatchEvent(new Event("input", { bubbles: true })); mutation.target.dispatchEvent(new Event("change", { bubbles: true })); updateDonation(); } }); }); observer.observe(mainSingleInput, { attributes: true }); observer.observe(mainMonthlyInput, { attributes: true }); // Define the list of input fields to watch for blur events. var triggerFields = "#billing_first_namename, " + "#billing_last_namename, " + "#billing_addr_street1name, " + "#billing_addr_street2name, " + "#billing_addr_cityname, " + "#billing_addr_state, " + "#billing_addr_zipname, " + "#billing_addr_country, " + "#donor_email_addressname"; // Attach a blur event listener to all these fields. $jq(triggerFields).on("blur", function () { // If the single donation faux input is active, update the corresponding real input. if ($jq("#single-other-faux").hasClass("activated")) { var fauxValue = $jq("#single-other-faux").val(); var mainInput = $jq(".single .other .donation-level-user-entered input"); // Update the value of the real input. mainInput.val(fauxValue); // Dispatch the events to ensure the change is registered. var inputEvent = new Event("input", { bubbles: true }); var changeEvent = new Event("change", { bubbles: true }); mainInput[0].dispatchEvent(inputEvent); mainInput[0].dispatchEvent(changeEvent); // Execute any additional donation logic. updateDonation(); // Else if the monthly donation faux input is active, update that main input. } else if ($jq("#monthly-other-faux").hasClass("activated")) { var fauxValue = $jq("#monthly-other-faux").val(); var mainInput = $jq(".monthly .other .donation-level-user-entered input"); mainInput.val(fauxValue); var inputEvent = new Event("input", { bubbles: true }); var changeEvent = new Event("change", { bubbles: true }); mainInput[0].dispatchEvent(inputEvent); mainInput[0].dispatchEvent(changeEvent); updateDonation(); } });