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
-
12-03-2016, 14:05 #2
- 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 #3
- 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