Valider la taille du fichier et taper une entrée multiple

J’ai 3 fichier d’entrée, je veux faire une validation javascript pour 3 fichier d’entrée dans un événement de formulaire de bouton de soumission onSubmit = “”

EDITED CODE nouveau code qui fonctionne mais qui continue à enregistrer

 $(document).ready(function(){ $('#tbl_next').click(function(){ //alert('hello'); $('input[type="file"]').each(function(){ var thisFile = $(this); var fileSize = thisFile[0].files[0].size; var fileType = thisFile[0].files[0].type; //alert(fileSize); if(fileSize>1048576){ //do something if file size more than 1 mb (1048576) alert(fileSize +" bites\n ukuran gambar terlalu besar"); return false; }else{ switch(fileType){ case 'image/png': case 'image/gif': case 'image/jpeg': case 'image/pjpeg': alert("Acceptable image file!"); break; default: alert('Unsupported File!'); return false; } } }); $('form#dataPribadi').submit(); }); }); 

    Changez le type de bouton d’envoi en bouton normal et utilisez le onclick pour lui en donnant un id sous forme de upload ,

     

    et votre gestionnaire d’événements click devrait être,

     $(document).ready(function(){ $('#upload').click(function(){ alert('hello'); $('input[type="file"]').each(function(){ var thisFile = $(this); var fileSize = thisFile[0].files[0].size; alert(fileSize); }); $('form#dataPribadi').submit(); }); }); 

    FIDDLE MISE À JOUR