Prevent the page refreshing

[kavita vala]

I have a form and in that there are some fields .
When i was clicked on submit button javascript validation are applied on it
And if there is a field empty alert is displayed After that all form values are gone.
And form becomes blank.
How can i stop page refreshing automatically?

My javascript code is here

   
 function Sbtserviceprovide(){
             
                  if(document.getElementById('subservice').value=='-1'){
                        alert('Please select subcategory')
                        document.getElementById('subservice').focus();
                        return false;
                  }else if(document.getElementById('askingprice').value==''){
                        alert('Please enter Asking price')
                        document.getElementById('askingprice').focus();
                        return false;
                  }
                
                  document.forms[0].action='ServiceProviderListing?state=login&type=preview&service='+service;
                  document.forms[0].submit();
                   
               }
              }
              
 

And html code is

 
<button onclick="Sbtserviceprovide();" id="submit" class="buttonForm" value="">Preview</button>
   

Please help me for this issue.

[Eswar Nec]

Use return keyword like

  
         <button  onclick="return Sbtserviceprovide();" .......>  </button>  
  

[kavita vala]

Thank you so much Eswara.
Its really working good.

[kavita vala]

It works for if some field is empty but in regular flow if
any user fill all the details then its not submit the value to the servlet
because i use return to the on click event .

If there is another way to stop refreshing if some fields are empty
and also my data will submit to servlet if all fields are filled.

Than please help me for that.

[Eswar Nec]

kavita vala wrote:It works for if some field is empty but in regular flow if
any user fill all the details then its not submit the value to the servlet
because i use return to the on click event .
.

You mean , you can't receive the text filed value after use return keyword.
I think , Already you use the following code to pass text field value.

  
document.forms[0].action='ServiceProviderListing?state=login&type=preview&service='+service; 

Then,
How to receive the text filed value?
Can you post that code here