Problem while calling a javascript function using 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 my jsp file I have the above code. If there is no file selected the alert('Please upload a file') is displayed successfully . But it calls the servlet program Readcsvv and goes to the next page.

After diplaying the alert box i want to program to be in same page. What should I do for that?

[Car / Carpet](http://stackoverflow.com/questions/245062/whats-the-difference-between-javascript-and-java/245068#245068) you know... — aioobe, Nov 18 '10 at 08:33

score 1 · Answer 1 · answered Nov 18 '10 at 08:35

1

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

use this with return false

answered Nov 18 '10 at 08:35

Eric

1,171
2
14
27

Marcus Whybrow · Answer 2 · 2010-11-18T08:45:21.627

0

If this were jQuery you would have to return false at the end of an onClick event handler. I would try return false;.

You also need to change your onclick attribute to be an onsubmit attribute on the form element.

edited Nov 18 '10 at 08:45

answered Nov 18 '10 at 08:33

Marcus Whybrow

19,578
9
70
90

So you see the alert, but once you dismiss it the page still changes? – Marcus Whybrow Nov 18 '10 at 08:37
Clicking the button and submitting the form are two different event firings. You are stopping the click but not the submission. Answer edited. – Marcus Whybrow Nov 18 '10 at 08:46

score 0 · Answer 3 · answered Nov 18 '10 at 08:38

0

Try this:

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

answered Nov 18 '10 at 08:38

Asif Mulla

1,652
2
22
32

score 0 · Accepted Answer · answered Nov 18 '10 at 08:42

Try below,

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

Problem while calling a javascript function using jsp

4 Answers4