使用jsp調用javascript函數時出現問題

Question

<form name='frm' action="Readcsvv" enctype="multipart/form-data" method="POST" > 
<input type="file" name="file1"><br><br>
<input type="Submit" value="Upload File" onclick="showProgress()" method="POST">

<script>
function showProgress() {
    if(document.frm.file1.value == "")
    {
    alert('Please upload a file');
    }       
    else
    {       
    document.getElementById('progress').style.display = 'block';
    }
    }
</script>

在我的jsp文件中，我有上面的代碼。 如果未選擇任何文件，則成功顯示alert('Please upload a file') 。 但是它將調用Servlet程序Readcsvv並轉到下一頁。

在顯示警報框后，我希望編程位於同一頁面。 我該怎么辦？

Answer 1

<input type="Submit" value="Upload File" onclick="return showProgress()" method="POST">

將其與return false一起使用

Answer 2

如果是jQuery，則必須在onClick事件處理程序的末尾返回false。 我會嘗試return false; 。

您還需要將onclick屬性更改為form元素上的onsubmit屬性。

Answer 3

嘗試這個：

<form name='frm' action="Readcsvv" enctype="multipart/form-data" method="POST" onSubmit="return false;"> 

Answer 4

試試下面，

<form name='frm' action="Readcsvv" enctype="multipart/form-data" method="POST" > 
<input type="file" name="file1"><br><br>
<input type="Submit" value="Upload File" onclick="return showProgress();" method="POST">

<script>
function showProgress() {
    if(document.frm.file1.value == "")
    {
    alert('Please upload a file');
    return false;
    }       
    else
    {       
    document.getElementById('progress').style.display = 'block';
    return true;
    }
    }
</script>