jsp'yi kullanarak bir javascript işlevini çağırırken sorun

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> 

Benim jsp dosyasımda yukarıdaki kod var. Hiçbir dosya seçilmemişse, alert('Please upload a file') başarıyla görüntülenir. Ama bu, Readcsvv sunucu uygulamasını çağırır ve bir sonraki sayfaya gider.

Uyarı kutusunu kapattıktan sonra, aynı sayfada olmasını programlamak istiyorum. Bunun için ne yapmalıyım?

Answer 1

,

<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

Eğer jQuery olsaydı, onClick olay işleyicisinin sonunda false değerini döndürmeniz gerekirdi. return false;'u deneyebilirim.

Ayrıca form öğesinde onsubmit özniteliği olmak için onclick özniteliğini değiştirmeniz gerekir.

Answer 3

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

kullanımı bu yanlış

Answer 4

bu deneyin getirisine sahip aşağıda deneyin

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