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
Meerdere websites te koop | Diverse niches | Totaal voor 245 EUROWebsite te koopLaat goedkoop jouw artikelen schrijven en publiceren op unieke blogs met mooie statsLinkpartners!!!!! Uniek portfolio met 570 .nl domeinnamen !!!!!Domein te koopExclusieve SEOtool.nl deal - 77 geschreven & gepubliceerde artikelen voor €1.000!Advertentieruimte -
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