Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.
If the asker does not get an answer then they have 10 days to request a refund.
$75
Wordpress Paypal Javascript
I want the form to dump the inputted information into the paypal invoice so that I can see the inputted information upon payment. I currently have the code, but having wordpress/paypal interoperability issues. I do need code help making sure the contribution amount is no more than $360
Here's the specific page I've been working on:
http://web62134.aiso.net/?page_id=23
Here's an example of how it should work:
http://angelbarajas.com/donate.php
<script type="text/javascript">// <![CDATA[
function UpdateForm (obj1) {
var themessage = "You are required to complete the following fields: ";
if (obj1.amount.value=="") {
themessage = themessage + " - Amount";
}
if (obj1.first_name.value=="") {
themessage = themessage + " - First Name";
}
if (obj1.last_name.value=="") {
themessage = themessage + " - Last Name";
}
if (obj1.address1.value=="") {
themessage = themessage + " - Address";
}
if (obj1.city.value=="") {
themessage = themessage + " - City";
}
if (obj1.state.value=="") {
themessage = themessage + " - State";
}
if (obj1.zip.value=="") {
themessage = themessage + " - Zip";
}
if (obj1.company.value=="") {
themessage = themessage + " - Employer";
}
if (obj1.occupation.value=="") {
themessage = themessage + " - Ocupation";
}
if (obj1.email.value=="") {
themessage = themessage + " - Email";
}
if (obj1.phone1.value=="") {
themessage = themessage + " - Phone";
}
}
//alert if fields are empty and cancel form submit
if (themessage == "You are required to complete the following fields: ") {
obj1.submit();
}
else {
alert(themessage);
return false;
}
obj1.item_name.value = "Donation for: " + obj1.item_name.value ;
obj1.os0.value = obj1.first_name.value + " " + obj1.last_name.value +" - Address: " + obj1.address1.value + " " + obj1.address2.value + ", " + obj1.city.value + ", " + obj1.state.value + " " + obj1.zip.value; // + obj1.myopt4.value + ...
obj1.os1.value = obj1.company.value + " Occupation: " + obj1.occupation.value + " Contributor:" + obj1.contributor.value + " Email:" + obj1.email.value + " Phone (" + obj1.phonetype.value + ") :" + obj1.phone1.value;
}
// ]]></script><form id="donationform" action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="business" type="hidden" value="claudia@stopwastingtaxdollars.org" /> <input name="no_shipping" type="hidden" value="1" /> <input name="cmd" type="hidden" value="_xclick" />
<table border="0" cellspacing="0" cellpadding="0" width="600">
<tbody>
<tr>
<td width="149">Contribution Amount:</td>
<td width="451"><input id="amount" name="amount" size="10" type="text" /></td>
</tr>
<tr>
<td>First Name:</td>
<td><input id="first_name" name="first_name" size="40" type="text" /></td>
</tr>
<tr>
<td>Last Name :</td>
<td><input id="last_name" name="last_name" size="40" type="text" /></td>
</tr>
<tr>
<td>Address 1 :</td>
<td><input id="address1" name="address1" size="40" type="text" /></td>
</tr>
<tr>
<td>Address 2 :</td>
<td><input id="address2" name="address2" size="40" type="text" /></td>
</tr>
<tr>
<td>City:</td>
<td><input id="city" name="city" size="40" type="text" /></td>
</tr>
<tr>
<td>State:</td>
<td><input id="state" name="state" size="40" type="text" /></td>
</tr>
<tr>
<td>Zip:</td>
<td><input id="zip" name="zip" size="40" type="text" /></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2">California Law requires political contributors to report their name, mailing address, occupation and name of employer for each individual.</td>
</tr>
<tr>
<td>Employer:</td>
<td><input id="company" name="company" size="40" type="text" /></td>
</tr>
<tr>
<td>Occupation:</td>
<td><input id="occupation" name="occupation" size="40" type="text" />(enter "none" if not employed)</td>
</tr>
<tr>
<td>Email:</td>
<td><input id="email" name="email" size="40" type="text" /><label></label></td>
</tr>
<tr>
<td>Phone:</td>
<td><input id="phone1" maxlength="13" name="phone1" size="13" type="text" />
<select name="phonetype"> <option value="Home">Home</option> <option value="Work">Work</option> <option value="Mobile">Mobile</option> </select></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</tbody>
</table>
<input name="item_name" type="hidden" value="Claudia for City Council 2010" />
<input name="no_note" type="hidden" value="1" /> <input name="currency_code" type="hidden" value="USD" /> <input name="tax" type="hidden" value="0" /> <input name="on0" type="hidden" value="Donor" /> <input name="os0" type="hidden" /> <input name="bn" type="hidden" value="PP-DonationsBF" /> <input name="on1" type="hidden" value="Employer" /> <input name="os1" type="hidden" /> <input name="currency_code" type="hidden" value="USD" /> <input name="lc" type="hidden" value="US" />
<input alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" type="image" /><img src="https://www.paypal.com/en_US/i/scr/pixel.gif" border="0" alt="" width="1" height="1" />
</form>
This question has been answered.
Mark Perryman | 08/08/10 at 2:40pm
Edit
(4) Possible Answers Submitted...
See a chronological view of answers?
Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.
-

Last edited:
08/08/10
2:46pmUtkarsh Kukreti says:Use the following code
<script type="text/javascript">// <![CDATA[
function UpdateForm (obj1) {
var themessage = "You are required to complete the following fields: ";
if (obj1.amount.value=="") {
themessage = themessage + " - Amount";
}
if (obj1.first_name.value=="") {
themessage = themessage + " - First Name";
}
if (obj1.last_name.value=="") {
themessage = themessage + " - Last Name";
}
if (obj1.address1.value=="") {
themessage = themessage + " - Address";
}
if (obj1.city.value=="") {
themessage = themessage + " - City";
}
if (obj1.state.value=="") {
themessage = themessage + " - State";
}
if (obj1.zip.value=="") {
themessage = themessage + " - Zip";
}
if (obj1.company.value=="") {
themessage = themessage + " - Employer";
}
if (obj1.occupation.value=="") {
themessage = themessage + " - Ocupation";
}
if (obj1.email.value=="") {
themessage = themessage + " - Email";
}
if (obj1.phone1.value=="") {
themessage = themessage + " - Phone";
}
//alert if fields are empty and cancel form submit
if (themessage == "You are required to complete the following fields: ") {
obj1.submit();
}
else {
alert(themessage);
return false;
}
obj1.item_name.value = "Donation for: " + obj1.item_name.value ;
obj1.os0.value = obj1.first_name.value + " " + obj1.last_name.value +" - Address: " + obj1.address1.value + " " + obj1.address2.value + ", " + obj1.city.value + ", " + obj1.state.value + " " + obj1.zip.value; // + obj1.myopt4.value + ...
obj1.os1.value = obj1.company.value + " Occupation: " + obj1.occupation.value + " Contributor:" + obj1.contributor.value + " Email:" + obj1.email.value + " Phone (" + obj1.phonetype.value + ") :" + obj1.phone1.value;
}
}
// ]]></script>Previous versions of this answer: 08/08/10 at 2:46pm
- 08/08/10 2:52pm
Mark Perryman says:Utkarsh Kukreti, thanks but unfortunately it still is not working. The entered text in the form is not showing up on the paypal checkout/ invoice.
- 08/08/10 2:58pm
Utkarsh Kukreti says:Try this for html
<form id="donationform" action="https://www.paypal.com/cgi-bin/webscr" method="post" onSubmit="this.target='paypal'; return UpdateForm(this);"><input name="business" type="hidden" value="claudia@stopwastingtaxdollars.org" /> <input name="no_shipping" type="hidden" value="1" /> <input name="cmd" type="hidden" value="_xclick" />
<table border="0" cellspacing="0" cellpadding="0" width="600">
<tbody>
<tr>
<td width="149">Contribution Amount:</td>
<td width="451"><input id="amount" name="amount" size="10" type="text" /></td>
</tr>
<tr>
<td>First Name:</td>
<td><input id="first_name" name="first_name" size="40" type="text" /></td>
</tr>
<tr>
<td>Last Name :</td>
<td><input id="last_name" name="last_name" size="40" type="text" /></td>
</tr>
<tr>
<td>Address 1 :</td>
<td><input id="address1" name="address1" size="40" type="text" /></td>
</tr>
<tr>
<td>Address 2 :</td>
<td><input id="address2" name="address2" size="40" type="text" /></td>
</tr>
<tr>
<td>City:</td>
<td><input id="city" name="city" size="40" type="text" /></td>
</tr>
<tr>
<td>State:</td>
<td><input id="state" name="state" size="40" type="text" /></td>
</tr>
<tr>
<td>Zip:</td>
<td><input id="zip" name="zip" size="40" type="text" /></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2">California Law requires political contributors to report their name, mailing address, occupation and name of employer for each individual.</td>
</tr>
<tr>
<td>Employer:</td>
<td><input id="company" name="company" size="40" type="text" /></td>
</tr>
<tr>
<td>Occupation:</td>
<td><input id="occupation" name="occupation" size="40" type="text" />(enter "none" if not employed)</td>
</tr>
<tr>
<td>Email:</td>
<td><input id="email" name="email" size="40" type="text" /><label></label></td>
</tr>
<tr>
<td>Phone:</td>
<td><input id="phone1" maxlength="13" name="phone1" size="13" type="text" />
<select name="phonetype"> <option value="Home">Home</option> <option value="Work">Work</option> <option value="Mobile">Mobile</option> </select></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</tbody>
</table>
<input name="item_name" type="hidden" value="Claudia for City Council 2010" />
<input name="no_note" type="hidden" value="1" /> <input name="currency_code" type="hidden" value="USD" /> <input name="tax" type="hidden" value="0" /> <input name="on0" type="hidden" value="Donor" /> <input name="os0" type="hidden" /> <input name="bn" type="hidden" value="PP-DonationsBF" /> <input name="on1" type="hidden" value="Employer" /> <input name="os1" type="hidden" /> <input name="currency_code" type="hidden" value="USD" /> <input name="lc" type="hidden" value="US" />
<input alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" type="image" /><img src="https://www.paypal.com/en_US/i/scr/pixel.gif" border="0" alt="" width="1" height="1" />
</form>
and this for the js (includes check for 360)
<script type="text/javascript">// <![CDATA[
function UpdateForm (obj1) {
var themessage = "You are required to complete the following fields: ";
if (parseInt(obj1.amount.value) > 360) { alert("Amount has to be less than 360"); return false; }
if (obj1.amount.value=="") {
themessage = themessage + " - Amount";
}
if (obj1.first_name.value=="") {
themessage = themessage + " - First Name";
}
if (obj1.last_name.value=="") {
themessage = themessage + " - Last Name";
}
if (obj1.address1.value=="") {
themessage = themessage + " - Address";
}
if (obj1.city.value=="") {
themessage = themessage + " - City";
}
if (obj1.state.value=="") {
themessage = themessage + " - State";
}
if (obj1.zip.value=="") {
themessage = themessage + " - Zip";
}
if (obj1.company.value=="") {
themessage = themessage + " - Employer";
}
if (obj1.occupation.value=="") {
themessage = themessage + " - Ocupation";
}
if (obj1.email.value=="") {
themessage = themessage + " - Email";
}
if (obj1.phone1.value=="") {
themessage = themessage + " - Phone";
}
//alert if fields are empty and cancel form submit
if (themessage == "You are required to complete the following fields: ") {
obj1.submit();
}
else {
alert(themessage);
return false;
}
obj1.item_name.value = "Donation for: " + obj1.item_name.value ;
obj1.os0.value = obj1.first_name.value + " " + obj1.last_name.value +" - Address: " + obj1.address1.value + " " + obj1.address2.value + ", " + obj1.city.value + ", " + obj1.state.value + " " + obj1.zip.value; // + obj1.myopt4.value + ...
obj1.os1.value = obj1.company.value + " Occupation: " + obj1.occupation.value + " Contributor:" + obj1.contributor.value + " Email:" + obj1.email.value + " Phone (" + obj1.phonetype.value + ") :" + obj1.phone1.value;
}
}
// ]]></script> - 08/08/10 3:05pm
Mark Perryman says:I just tried entering the code you suggested. No error message came up when I entered in over 360, and the entered text in the form did not pass through to the paypal.
Here's how the page is parsing, if you'd like to see.
http://web62134.aiso.net/?page_id=23
- 08/08/10 3:08pm
Utkarsh Kukreti says:The script you inserted came up with <p> tags. You should add that in html mode :)
- 08/08/10 3:49pm
Utkarsh Kukreti says:Looks like it works fine now.
- 08/08/10 2:52pm
-

Last edited:
08/08/10
2:45pmChris Lee says:I would recommend using the jQuery Library as well as the validation plugin. I could set this up and finish the form for you.
-

Last edited:
08/08/10
4:24pmRashad Aliyev says:That's about your plugin conflict.
- 08/08/10 2:48pm
Rashad Aliyev says:I think your Comment-Reply plugin bug. Disable it and try again.
- 08/08/10 2:54pm
Mark Perryman says:Comment-Reply is disabled and still didn't work. Thanks though.
- 08/08/10 3:03pm
Rashad Aliyev says:Disable Comment Reply
Be sure it's not appear in your codes.
<script type='text/javascript' src='http://web62134.aiso.net/wp-includes/js/comment-reply.js?ver=20090102'></script>
<script type='text/javascript' src='http://web62134.aiso.net/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
Your JQuery version conflicting.!!!
Download this JQuery and put your js folder and put this code to the header.
<script type='text/javascript' src='http://web62134.aiso.net/wp-includes/js/jquery/jquery.js'></script>
It'll worked!
- 08/08/10 2:48pm
-

Last edited:
08/08/10
2:52pmDeepak Thomas says:Utkarsh's edit with mod for "Donation amount" check :
<script type="text/javascript">// <![CDATA[
function UpdateForm (obj1) {
var themessage = "You are required to complete the following fields: ";
if (obj1.amount.value=="") {
themessage = themessage + " - Amount";
}
if (obj1.amount.value>360) {
themessage = "Please keep the donation amount less than $360";
}
if (obj1.first_name.value=="") {
themessage = themessage + " - First Name";
}
if (obj1.last_name.value=="") {
themessage = themessage + " - Last Name";
}
if (obj1.address1.value=="") {
themessage = themessage + " - Address";
}
if (obj1.city.value=="") {
themessage = themessage + " - City";
}
if (obj1.state.value=="") {
themessage = themessage + " - State";
}
if (obj1.zip.value=="") {
themessage = themessage + " - Zip";
}
if (obj1.company.value=="") {
themessage = themessage + " - Employer";
}
if (obj1.occupation.value=="") {
themessage = themessage + " - Ocupation";
}
if (obj1.email.value=="") {
themessage = themessage + " - Email";
}
if (obj1.phone1.value=="") {
themessage = themessage + " - Phone";
}
//alert if fields are empty and cancel form submit
if (themessage == "You are required to complete the following fields: ") {
obj1.submit();
}
else {
alert(themessage);
return false;
}
obj1.item_name.value = "Donation for: " + obj1.item_name.value ;
obj1.os0.value = obj1.first_name.value + " " + obj1.last_name.value +" - Address: " + obj1.address1.value + " " + obj1.address2.value + ", " + obj1.city.value + ", " + obj1.state.value + " " + obj1.zip.value; // + obj1.myopt4.value + ...
obj1.os1.value = obj1.company.value + " Occupation: " + obj1.occupation.value + " Contributor:" + obj1.contributor.value + " Email:" + obj1.email.value + " Phone (" + obj1.phonetype.value + ") :" + obj1.phone1.value;
}
}
// ]]></script>- 08/08/10 2:58pm
Mark Perryman says:I tried the code, and unfortunately it doesn't input the form data into the paypal form correctly. Thanks though.
- 08/08/10 3:16pm
Deepak Thomas says:Could I know what are the values you want to pass to Paypal? All of it or
"Donor: , Employer: " and amount like I see on the paypal page? - 08/08/10 3:59pm
Deepak Thomas says:Hi Mark,
I have taken the code from the site you suggested and have uploaded a completely working sample here http://think.dj/datos/claudia.html
Please use this code accordingly and it'll work fine :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
function UpdateForm (obj1) {
var themessage = "You are required to complete the following fields: ";
if (obj1.amount.value=="") {
themessage = themessage + " - Amount";
}
if (obj1.first_name.value=="") {
themessage = themessage + " - First Name";
}
if (obj1.last_name.value=="") {
themessage = themessage + " - Last Name";
}
if (obj1.address1.value=="") {
themessage = themessage + " - Address";
}
if (obj1.city.value=="") {
themessage = themessage + " - City";
}
if (obj1.state.value=="") {
themessage = themessage + " - State";
}
if (obj1.zip.value=="") {
themessage = themessage + " - Zip";
}
if (obj1.company.value=="") {
themessage = themessage + " - Employer";
}
if (obj1.occupation.value=="") {
themessage = themessage + " - Ocupation";
}
if (obj1.email.value=="") {
themessage = themessage + " - Email";
}
if (obj1.phone1.value=="") {
themessage = themessage + " - Phone";
}
if (obj1.contributor.value=="") {
themessage = themessage + " - Contributor Type";
}
if (obj1.check1.checked == false) {
themessage = themessage + " - Confirm Checkbox.";
}
if (obj1.amount.value>360) {
themessage = themessage + " Amount must be lesser than $360";
}
//alert if fields are empty and cancel form submit
if (themessage == "You are required to complete the following fields: ") {
obj1.submit();
}
else {
alert(themessage);
return false;
}
obj1.item_name.value = "Donation for: " + obj1.item_name.value ;
obj1.os0.value = obj1.first_name.value + " " + obj1.last_name.value +" - Address: " + obj1.address1.value + " " + obj1.address2.value + ", " + obj1.city.value + ", " + obj1.state.value + " " + obj1.zip.value; // + obj1.myopt4.value + ...
obj1.os1.value = obj1.company.value + " Occupation: " + obj1.occupation.value + " Contributor:" + obj1.contributor.value + " Email:" + obj1.email.value + " Phone (" + obj1.phonetype.value + ") :" + obj1.phone1.value;
}
</script>
<h2>Donate Online</h2>
<form method="post" name="donationform" id="donationform" action="https://www.paypal.com/cgi-bin/webscr" onSubmit="this.target='paypal'; return UpdateForm(this);">
<input type="hidden" name="business" value="claudia@stopwastingtaxdollars.org">
<input type="hidden" name="no_shipping" value="1">
<input type="hidden" name="cmd" value="_xclick">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149">Contribution Amount:</td>
<td width="451"><input name="amount" type="text" id="amount" size="10"></td>
</tr>
<tr>
<td>First Name:</td>
<td><input name="first_name" type="text" id="first_name" size="40" value="" ></td>
</tr>
<tr>
<td>Last Name :</td><td><input name="last_name" type="text" id="last_name" size="40" value="" ></td></tr>
<tr>
<td>Address 1 :</td><td><input name="address1" type="text" id="address1" size="40" value="" ></td></tr>
<tr>
<td>Address 2 :</td><td><input name="address2" type="text" id="address2" size="40"></td></tr>
<tr>
<td>City:</td><td><input name="city" type="text" size="40" id="city" value="" ></td></tr>
<tr>
<td>State:</td><td><input name="state" type="text" size="40" id="state" value="" ></td></tr>
<tr>
<td>Zip:</td><td><input name="zip" type="text" size="40" id="zip" value="" ></td></tr>
<tr>
<td colspan=2> </td>
</tr>
<tr>
<td colspan=2> California Law requires political committees to report the name, mailing address, occupation and name of employer for each individual.</td></tr>
<tr>
<td>Contributor :</td>
<td><select name="contributor"><option value="Individual">Individual</option><option value="PAC">PAC</option></select></td>
</tr>
<tr>
<td>Employer:</td><td><input name="company" type="text" id="company" size="40" value="" ></td></tr>
<tr>
<td>Occupation:</td><td><input name="occupation" type="text" id="occupation" size="40" value="" >(enter "none" if not employed)</td></tr>
<tr>
<td>Email:</td><td><input name="email" type="text" id="email" size="40" value="" >
<label></label></td></tr>
<tr>
<td>Phone:</td><td><input name="phone1" type="text" id="phone1" size="13" maxlength="13" value="">
<select name="phonetype"><option value="Home">Home</option>
<option value="Work">Work</option>
<option value="Mobile">Mobile</option>
</select>
</td></tr>
<tr>
<td colspan=2> </td>
</tr>
<tr>
<td colspan=2><label><input type="checkbox" name="check1" id="check1"> I confirm the following statements are true
<ul>
<li>I am a citizen or permanent resident in the United States.</li>
<li>I affirm that I am making this contribution via personal/corporate credit or debit card for which I have a legal obligation to pay.</li>
</ul></td>
</tr>
</table>
<input name="item_name" type="hidden" value="Claudia for City Council 2010" />
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="tax" value="0">
<input type="hidden" name="on0" value="Donor">
<input type="hidden" name="os0" value="">
<input type="hidden" name="bn" value="PP-DonationsBF">
<input type="hidden" name="on1" value="Employer">
<input type="hidden" name="os1" value="">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<br />
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
- 08/08/10 4:05pm
Deepak Thomas says:It didnt work previously as this line :
<form id="donationform" action="https://www.paypal.com/cgi-bin/webscr" method="post">
Should have been :
<form method="post" name="donationform" id="donationform" action="https://www.paypal.com/cgi-bin/webscr" onSubmit="this.target='paypal'; return UpdateForm(this);">
- 08/08/10 2:58pm
This question has expired.
Current status of this question: Completed
Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.
If the asker does not get an answer then they have 10 days to request a refund.
