kendo ui上传验证
问题描述:
我想验证,如果用户单击导入按钮,而没有选择文件,并且如果用户选择非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>
非常感谢Petur。我选择选择事件,它的工作 – Spidey 2013-03-11 08:48:47
嗨Petur,如果用户不选择值,然后单击提交按钮。因为在帖子中只有一个文件类型。谢谢 – Spidey 2013-03-12 09:07:34