ファイルが選択されていないときにユーザーが[インポート]ボタンをクリックした場合、およびユーザーが非csvファイルを選択した場合を検証しようとしています。現在のところ、何も検証されていません。私も検証onSubmitボタンを配置しました。アドバイスください、よろしくお願いします
コードは次のとおりです。
@(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>