Это страница загрузки файла:
<input type="file" id="fileUpload" />
<input type="submit" value="Upload File" style="margin: 40px 0 0 160px"/>
<div id="fileSelect" style="color:Red;display:none">No file selected for uploading.</div>
<div id="fileFormat" style="color:Red;display:none">Invalid File Format. Only .xlsx, .xls, and .xlt file format allowed.</div>
</form>
This is the JavaScript validation:
<script>
var _validFileExtensions = [".xlsx", ".xls", ".xlt"];
function Validate(oForm) {
if( document.getElementById("fileUpload").files.length == 0 ){
document.getElementById("fileSelect").style.display="";
return false;
}
var arrInputs = oForm.getElementsByTagName("input");
for (var i = 0; i < arrInputs.length; i++) {
var oInput = arrInputs[i];
if (oInput.type == "file") {
var sFileName = oInput.value;
if (sFileName.length > 0) {
var blnValid = false;
for (var j = 0; j < _validFileExtensions.length; j++) {
var sCurExtension = _validFileExtensions[j];
if (sFileName.substr(sFileName.length - sCurExtension.length, sCurExtension.length).toLowerCase() == sCurExtension.toLowerCase()) {
blnValid = true;
break;
}
}
if (!blnValid) {
document.getElementById("fileFormat").style.display="";
return false;
}
}
}
}
return true;
}
</script>
Теперь проблема происходит
когда я нажимаю кнопку Загрузить, я получаю следующее сообщение:
Не выбран файл для загрузки.
Теперь я не обновляю страницу, ищу недопустимый файл и нажимаю Загрузить. Теперь он показывает:
Не выбран файл для загрузки.
Недопустимый формат файла. Допускаются только форматы файлов .xlsx, .xls и .xlt.
Я хочу, чтобы предыдущее сообщение не отображалось. Он должен отображать только:
Недопустимый формат файла. Допускаются только форматы файлов .xlsx, .xls и .xlt.
Но также отображается следующее сообщение
Не выбран файл для загрузки