Hi,
ik heb een (bootstrap) modal box waar een formulier voor een file upload in geladen wordt mbv jquery.
Inladen lukt, maar submit geeft een pagina reload waarbij niks verder gebeurd. Hetzelfde script op een pagina
zonder modal boxes werkt wel.
Help?
// dit wordt in de modal box ingeladen
// jquery scriptCode:<form id="uploadpdf" method="post" enctype="multipart/form-data" > <input name="FileInput" id="FileInput" type="file" /><br><br> <input type="text" name="klantnr" value="<?=$_GET['klantnr'];?>"><br> <input type="submit" id="submit-btnpdf" name="submit-btnpdf" value="Upload" /> </form>
Code:<script> $(function () { $("#uploadpdf").submit(function() { event.preventDefault(); var formData = new FormData($(this)[0]); $.ajax({ url: "processupload.php", type: "POST", data: formData, async: false, cache: false, contentType: false, enctype: 'multipart/form-data', processData: false, success:function(response){ alert(response); }, error:function() { alert('fout'); } }); return false; }); }); </script>
- form met file submit in modal box
-
21-02-2016, 10:04 #1
- Berichten
- 48
- Lid sinds
- 17 Jaar
form met file submit in modal box
-
In de schijnwerper
Exclusieve SEOtool.nl deal - 77 geschreven & gepubliceerde artikelen voor €1.000!Advertentieruimte10 Websites te koop | Meerdere niches | Alles voor 395 EURO | Woorden: 379k+Website te koopmicrofoon.nl en microfoons.nl als setDomein te koopTe koop: generieke domeinnaam: Luxe Appartementen .nlDomein te koop -
12-03-2016, 14:05 #2Particulier
- Berichten
- 31
- Lid sinds
- 12 Jaar
Re: form met file submit in modal box
Probeer dit eens toe te voegen :)
$('#submit-btnpdf').click(function(){
$('#uploadpdf').submit();
});
-
05-04-2016, 09:57 #3Particulier
- Berichten
- 92
- Lid sinds
- 13 Jaar
Re: form met file submit in modal box
Gebruik de andere vorm van event binding in jquery; Na het laden van het form door de model heeft deze nog geen events;
Code:$("#uploadpdf").submit(function() { -- naar -- $(document).on('submit', "#uploadpdf", function(event) {
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic