使用jquery验证文件上载控件

前端之家收集整理的这篇文章主要介绍了使用jquery验证文件上载控件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用 jquery验证asp.net FileUpload控件.
我需要验证两件事,当用户单击“确定”按钮时,FileUpload不应该为空,并且它应该只包含excel和csv文件.

请帮忙.

解决方法

你可以在扩展上验证……
$('form').submit(function(event) {
   var file = $('input[type=file]').val();       

   if ( ! file) {
       alert('The file is required.');
       event.preventDefault();
       return;
   } 

   if (file.match(/\.(?:csv|xl)$/)) {
       alert('CSV or Excel files only!');
       event.preventDefault();
   }

});

…或者你可以验证mime类型.

$('form').submit(function(event) {
   var file = $('input[type=file]').prop('files')[0];

   if ( ! file) {
       alert('The file is required.');
       event.preventDefault();
       return;
   } 

   var mime = file.type;

   if (mime != 'text/csv' || mime != 'application/vnd.ms-excel') {
       alert('CSV or Excel files only!');
       event.preventDefault();
   }

});

当然,您还需要在服务器上进行验证,此代码只是对启用JavaScript的用户的礼貌.

另外,选择比alert()更好的东西.它们不是报告错误的最用户友好方式.

原文链接:https://www.f2er.com/jquery/241530.html

猜你在找的jQuery相关文章