validation文件大小并输入多个输入

我有3个输入文件，我想在一个提交按钮表单事件onSubmit =“”中对3个输入文件进行javascriptvalidation

编辑代码新代码，但仍然可以保存

 $(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(); }); }); 

Answer 1

将提交按钮的类型更改为普通按钮，并通过给出upload id来使用onclick处理程序，

你的点击事件处理程序应该是，

 $(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