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
Colocatie aanbieding! - 1U COLO, 1Gbps UPLINK, 25TB TRAFFIC = €29 p/m !Hosting21 websites met bezoekers | Vanaf 50 euro per website | Alleen deze weekWebsite te koopOntvang gegarandeerd meer websitebezoekers met ons SEO & Maand Linkbuilding Pakket!Freelance / WerkWebshop in Cartridges & Toners - dropshipment (sinds 2005)Website 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