2013-03-10 79 views
0

我想验证,如果用户单击导入按钮,而没有选择文件,并且如果用户选择非csv文件。请指教,目前它不验证任何事情。即使我有验证onSubmit按钮。请指教,谢谢kendo ui上传验证

这里是代码:

@(Html.Kendo().Upload() 
       .HtmlAttributes(new { @Style = "align:center; font-size:12px; background-color:#3399FF" })  
       .Name("FileUpload") 
       .Multiple(false) 
       .Events(ev => ev.Success("onSuccess")) 
    ) 

<script type="text/javascript"> 

    $(document).ready(function() { 

$(".k-button.k-upload-button").after(' <input type="submit" id="btnSubmit" value="Import" style="height:31px; font-size:14px; background-color:#3399FF" class="k-button" />'); 

$('#btnSubmit').click(function (e){ 

      var theFileElement = document.getElementById("FileUpload"); 
      filename = theFileElement.value; 

      if(filename.length == 0) 
      { 
       alert("Please select a csv file to import"); 
       return false; 
      } 
      else if (!/\.csv$/i.test(filename)) { 
       alert("Please upload csv file only"); 
       return false; 
      } 
      return true; 

     }); 



}); 




</script> 

回答

2

要上传你可以尝试使用覆盖this forum thread的办法限制的文件类型。

请记住,某些元数据可能不会被旧版浏览器公开。

+0

非常感谢Petur。我选择选择事件,它的工作 – Spidey 2013-03-11 08:48:47

+0

嗨Petur,如果用户不选择值,然后单击提交按钮。因为在帖子中只有一个文件类型。谢谢 – Spidey 2013-03-12 09:07:34