Im using below code to submit values in to Paypal and its working.
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick" />
<h2 style="font-family:Segoe UI;">Your Email :</h2>
<input type="text" name="business" value="youremailaddress#yourdomain.com" style="width:1000px; height:50px; margin-left:30px;"/>
<br />
<h2 style="font-family:Segoe UI;">Driveway Size :</h2>
<input type="hidden" name="item_name" value="" />
<select id="item_price" name="amount" style="width:1000px; height:50px; margin-left:30px;">
<option value="325">Single $325.00</option>
<option value="375">Double $375.00</option>
<option value="400">2.5 $400.00</option>
<option value="425">Triple $425.00</option>
<option value="450">3.5 $450.00</option>
<option value="475">Quad $475.00</option>
</select>
<br />
<input type="submit" value="Buy!" style="margin-top:30px"/>
</form>
But this is desktop version. is there anyway that I can do same thing for mobiles?
Yes you can. You could for example use System.Net.WebClient to make the post towards the URL you have in the action field of the form.
Or, you can have the above HTML code embedded inside a web-browser control in your application.
Related
I have my recaptcha, it's working but the problem that I have it's that the submit button is under the captcha, I mean when I push the submit button I click the captcha too, I have tried with z-index but it does not worrk, how can I fix it?
<form action="{{ url('ticket/store') }}" method="post" id="ticket_form">
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<div class="form-group">
<input type="text" class="form-control" placeholder="RUT" name="rut" required="">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Nombre" name="name" required="">
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Correo" name="email" required="">
</div>
<div class="form-group">
<input type="number" class="form-control" placeholder="Teléfono" name="phone" required="">
</div>
<div class="form-group">
<select name="case_type" class="form-control" required="">
<option value="">- Tipo de Caso -</option>
<option value="1">Felicitación</option>
<option value="2">Reclamo</option>
<option value="3">Sugerencia</option>
</select>
</div>
<div class="form-group">
<select name="id_branch_office" class="form-control" required="">
<option value="">- Sucursal -</option>
#foreach($branch_offices as $branch_office)
<option value="{{ $branch_office->id_branch_office }}">{{ $branch_office->view_name }}</option>
#endforeach
</select>
</div>
<div class="form-group">
<textarea placeholder="Mensaje" class="form-control" rows="5" name="message" required=""></textarea>
</div>
<center>{!! htmlFormSnippet() !!}</center>
<br>
<button id="send" type="submit" class="btn btn-primary btn-orange">Enviar Mensaje</button>
</form>
You can test it in the next website jisparking.cl
Thanks
If you inspect the page (in Chrome you can do right click -> inspect) and check the box of the generated recaptcha, you can see that it stretches well over the button.
To stop the extra content from overflowing the container, you can add some CSS.
Try this
<center style="overflow: hidden">{!! htmlFormSnippet() !!}</center>
I want to use select and option in laravel 5.3 in simple HTML form. How to use select and option in laravel 5.3 in HTML form?
My coding:
#extends('layout.navigation')
<html>
<head>
</script>
</head>
<div class="row" id="contact_form">
<div class="col-sm-4">
<form action="{{route('online_form')}}" method="post" enctype="multipart/form-data">
{!!csrf_field()!!}
<br/><br/>
<div class="panel panel-default" id="form_panel">
<div class="panel-body">
<p>fill the form </p>
<input type="text" name="username" class="form-control" placeholder="Name" required>
<br/>
<input type="text" name="email" class="form-control" placeholder="Email" required><br/>
<p style="margin-top:20px;font-size:14px">Gender :     <label
class="radio-inline"><input type="radio" style="margin-top:1px" name="gender"
value="Male">Male</label>
<label class="radio-inline"><input type="radio" style="margin-top:1px"
name="gender" value="female">Female<br/></label>
<p style="margin-top:20px;font-size:14px"> Select Language
:    <label class="checkbox-inline"><input type="checkbox"
name="language" value="english">English</label>
<label class="checkbox-inline"><input type="checkbox" name="language"
value="hindi">Hindi</label>
<br/><br/>
<select id="state">
<option value="rajasthan">Rajasthan</option>
<option value="madhya pradesh">Madhya Pradesh</option>
</select>
<input type="submit" name="submit" value="Enter" class="btn btn-primary" >
</form>
</div>
</div>
To get the state value in the controller method, you can use Input facade.
$state = Input::get('state');
You can include the following as a dependency in composer "laravelcollective/html": "~5.0" and then include it in your config/app
Now, you can create your select dropdown using:
echo Form::select('gender', array('Male', 'Female'));
echo Form::select('language', array('English', 'Hindi'));
and so on.
For more information on this collective,
check this out.
I have been doing some testing on my organization's donation page (https://www.livingmiraclescenter.org/donations.html). Currently the service that provides us the payment options is First Data; this company is changing the way they work and in order for us to continue using it, we would need to completely overhaul our donations pages across our websites. So, we're investigating how versatile and customizable PayPal buttons are. If you check the link, you see that our current options through First Data are multifaceted. In one simple transaction people may choose a preset amount to donate, pick their own amount, AND choose recurring payment options with the donation amount they chose or choose not to use that option. So, in one payment form we’re able to offer one-time donations as well as recurring ones.
I would like to know if there is any way that PayPal buttons may provide the same versatility. We've been thinking to switch over entirely to PayPal and do away with First Data, but the one thing that's held us back is the little customization that has been offered when making PayPal buttons.
I've played with different code for payment buttons, however been getting error messages ("Invalid Regular period. You must specify valid values for the A3, P3, and T3 parameters for a subscription") each time I actually try out the newly created buttons on the website. The codes I've used are, one:
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="SACSLVL35UTAS">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="item_name" value="Donate to My Organization">
<input type="hidden" name="item_number" value="1234">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="src" value="1">
<input type="hidden" name="p3" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="bn" value="PP-SubscriptionsBF:btn_subscribeCC_LG.gif:NonHosted">
<table>
<tr><td>When would you like this to Recur?</td></tr><tr><td><select name="t3">
<option value="D">Daily</option>
<option value="M">Monthly</option>
<option value="Y">Yearly</option>
</select> </td></tr>
<tr><td>How many times would you like this to recur? (including this payment)</td></tr><tr><td><select name="srt">
<option value="0">Never End</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select> </td></tr>
<tr><td>Enter Your Donation Amount</td></tr>
<tr><td><input type="text" name="a3" size="4" maxlength="60"></td></tr>
</table>
<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>
and two:
<form target="_self" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<!-- If using a Business or Company Logo Graphic, include the "cpp_header_image" variable. -->
<input type="hidden" name="cpp_header_image" value="https://yourwebsite.com/logo.jpg">
<input type="hidden" name="cmd" value="_xclick-subscriptions">
<!-- <input type="hidden" name="redirect_cmd" value="_xclick-subscriptions"> -->
<!-- Replace "business" value with your PayPal Email Address or your Merchant Account ID -->
<input type="hidden" name="business" value="your email address">
<input type="hidden" name="item_name" value="Widget Fund Donation">
<input type="hidden" name="item_number" value="WFD-1002">
<input type="hidden" name="no_note" value="1">
<!-- no_shipping value 2 needed to send the free gift -->
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="tax" value="0">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="button_subtype" value="products">
<input type="hidden" name="no_note" value="0">
<input type="hidden" name="cn" value="Add special instructions to the seller:">
<input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynow_LG.gif:NonHosted">
<!-- Replace value with the web page you want the customer to return to after a successful transaction -->
<input type="hidden" name="return" value="http://www.yourwebsite.com/ThankYou.html">
<!-- Replace value with the web page you want the customer to return to after item cancellation -->
<input type="hidden" name="cancel_return" value="http://www.yourwebsite.com/Cancel.html">
<!-- -->
Enter the amount you would like to donate:
<!-- a3, Required, Regular Subscription Price -->
<input type="text" name="a3" size="4" maxlength="7">
<br><br>
<!-- src, Optional, Recurring Payments, 0 no recur, 1 payments recur -->
<input type="hidden" name="src" value="1">
<!-- -->
Select the length of the desired Billing Cycle:
<!-- p3, Required, Duration based on the value of t3 -->
<select name="p3">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="15">15</option>
<option value="30">30</option>
</select>
<br><br>
<!-- -->
Select how often you would like to Donate:
<!-- t3, Required, Subscription Units D W M Y, -->
<select name="t3">
<option value="D">Day(s)</option>
<option value="W">Week(s)</option>
<option value="M">Month(s)</option>
<option value="Y">Year(s)</option>
</select>
<br><br>
<!-- -->
Select the number of Donation Payments you would like to make:
<br><br>
<!-- srt, Optional, Recurring Times, must be used with src -->
<select name="srt">
<option value="">Until Canceled</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="6">6</option>
<option value="12">12</option>
<option value="18">18</option>
<option value="24">24</option>
<option value="36">36</option>
</select>
<!-- sra, Optional, Reattempt on failure 2 more time, value 0 or 1, if 0 no reattempt -->
<input type="hidden" name="sra" value="1">
<br><br><br>
Thank you for your Donation,
<br><br>
Please Select your Free Gift:
<input type="hidden" name="on0" value="Free Gift Choice">
<select name="os0">
<option value="Solar Calculator">Solar Calculator</option>
<option value="Key Chain Light">Key Chain Light</option>
</select>
<br><br><br>
<!-- -->
<input type="hidden" name="bn" value="PP-SubscriptionsBF:btn_donateCC_LG.gif:NonHosted">
<input type="image" src="https://www.paypalobjects.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.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
Thank you for any insight, technical help, and wisdom you can provide.
Thanks,
Jutta
I am using validationEngine for validating form fields. I have tab and inside the tab, I have two accordions. Each accordion has 4 fields. When I submit, only first accordion form fields that are opened are getting validated. Is there any way I can force to validate all the form fields and open all accordions to show the required field message? Thank you!
<div id="tabs-1">
<div id="accordion">
<h3>Select Agent</h3> <!-- First accordion title) -->
<fieldset>
<div>
<label >Agent Name or ID</label>
<input name="insuredFirsName" title="type "Agent name or id "" class="validate[required] text-input" type="text" >
</div>
<label>Age</label>
<input type="text" name="age" value="${ajaxForm.age}" maxlength="3" size="3" class="validate[required] text-input" >
</fieldset>
<h3>Application Details</h3> <!-- Second accordion title) -->
<fieldset>
<div>
<label>Contract State</label>
<select name="State" id="State" class="validate[required]">
<option value="">Choose a State</option>
<option value="IL">Illinois</option>
<option value="MN">Minnesota</option>
<option value="WI">Wisconsin</option>
</select>
</div>
<div>
<label>Application Number :</label>
<input value="" class="validate[required] text-input" type="text" name="req" id="req" />
</div>
<div>
<label>Application Number :</label>
<input value="" class="validate[required] text-input" type="text" name="req1" id="req1" />
</div>
</fieldset>
</div> <!-- Accordion close -->
<html:button property="button1" value ="Submit"></html:button>
</div> <!-- Tab-1 close -->
maybe a little late but I had this same problem, i searched on the internet and found a solution, but this will work for you:
jQuery("#digitale-aanvraag").validationEngine({
validateNonVisibleFields: true,
});
Your fields in an accordion are set to hidden so as default the validator would skip them.
Be aware that if you use this in a wizard, it won't work, because those fields are also hidden...
Anyway, GL!
I am trying to implement a PayPal cart on a third-party site. Customers are first asked to select a product ("Product") from a drop-down menu and then, optionally, to enter a specific amount ("Additional Costs") into a text field. Both values should finally be sent to PayPal upon submitting.
While everything works fine with two text fields, where amount_1 and amount_2 are clearly defined, I struggle with assigning different values (/amounts, say 10.00 and 5.00) to the options of the drop down and to make the value of the selected option my value amount_1. Here is the code I figured out so far:
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="whatever#gmail.com">
<input type="hidden" name="upload" value="1">
<input type="hidden" name="item_name_1" value="Product">
<input type="hidden" name="on0_1" value="Product">
<select name="os0_1">
<option value="product1">Product 1</option>
<option value="product2">Product 2</option>
</select>
<input type="hidden" name="item_name_2" value="Additional Costs">
<input type="text" name="amount_2" value="0.00">GBP
<br>
<br>
<input type="hidden" name="currency_code" value="GBP">
<input type="image" src="http://www.paypal.com/en_US/i/btn/x-click-but01.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
</form>
option_select and option_amount do not seem to work with this kind of form. Any help would be greatly appreciated!
I'm assuming this is the select box that is used to select the product amount_1:
<select name="os0_1">
<option value="product1">Product 1</option>
<option value="product2">Product 2</option>
</select>
What you need to do is this:
<input type="hidden" name="item_name_1" value="Product" id="item_name_1">
<select name="amount_1" onchange="changeProductName()" id="amount_1">
<option value="5.00">Product that is a fiver</option>
<option value="10.00">Product that is a tenner</option>
</select>
<script>
function changeProductName() {
var e = document.getElementById('amount_1');
var h = document.getElementById('item_name_1');
h.value = e.options[e.selectedIndex].text;
}
</script>
That will change the item_name_1 to the friendly value of the price option.