Problem beim Aufruf einer JavaScript-Funktion mit JSP

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> 

In meiner JSP-Datei habe ich den obigen Code. Wenn keine Datei ausgewählt ist, wird alert('Please upload a file') erfolgreich angezeigt. Aber es ruft das Servlet-Programm Readcsvv auf und geht zur nächsten Seite.

Nach der Anzeige der Alarm-Box möchte ich auf der gleichen Seite programmieren. Was soll ich dafür tun?

Answer 1

unter Versuchen,

<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> 

Answer 2

Wenn dies jQuery wäre, müssten Sie am Ende eines onClick-Ereignishandlers false zurückgeben. Ich würde versuchen return false;.

Sie müssen auch Ihr onclick-Attribut als onsubmit-Attribut auf dem form-Element ändern.

Answer 3

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

Verwendung dieses mit return false

Answer 4

Try this:

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