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
50% korting op alle homepaginalinks!AdvertentieruimteMooie domeinnamen met vraagprijs! London.nl, Hengelsport.nl, vazen.nl etcDomein te koopMaandelijkse boost linkbuilding - Geen reserve Nu vanaf slechts 99 euro per maand.Overige dealsUNIEKE actie: UltraTekst: alleen nu bij wekelijkse opdrachten 0,015 p/w excl. BTWFreelance / Werk -
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