Solved

Struts and Javascript

Posted on 2003-11-26
7
2,169 Views
Last Modified: 2010-04-01
Hi experts,

Is there a way for struts to first call a javascript function (to check some value) and if it returns a certain value, continue on with the action, or if returns another value, simply display a javascript alert window and not enter the action anymore?

I have a form and a submit button (an image button), but I wanted to try and perform a validation check first using javascript and inform the user using an alert window if the value = false. If value = true, continue with the action.

Thanks!
0
Comment
Question by:rusco
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
7 Comments
 
LVL 35

Accepted Solution

by:
TimYates earned 25 total points
ID: 9830246
Struts is a server-side technology, and javascript is a client side technology, so there is no way for the two to communicate directly...

You can do things like "check a form is correctly filled in" using javascript

http://javascript.about.com/library/scripts/blformvalidate.htm

But you cannot pass action variables to the javascript and back again without multiple reloads and posts of the page

Tim
0
 
LVL 2

Expert Comment

by:DidierD
ID: 9831053
You can always call some javascript functions before you submit.

  For example:

  <script>
    function myFunction(){
     //do your validation here
     if (yourValidationFunction()){
       document.yourForm.action="nextpage.do";
       document.submit();
     } else{
       alert("wrong input");
     }
    }
  </script>

 
  <input type="button" onClick="myfunction()">

 

But there is a Struts Validator for this. I used it a while ago and it works perfectly.

There are already some basic validators available. The mask can be very usefull. But you can also add your own (Javascript) to the validator-rules.xml.

For more information about this see http://jakarta.apache.org/struts/userGuide/dev_validator.html. On the bottom of this page you can see a ref to http://www.manning-source.com/books/husted/husted_ch12.pdf. Look for client side validation.

Greetz,
Didier
0
 
LVL 2

Expert Comment

by:DidierD
ID: 9831074
Should be

document.yourForm.submit();
0
 

Author Comment

by:rusco
ID: 9834590
Hi Didier!

I tried out what you said but I run into some problems with javascript. It seems that when my code goes to my javascript, it only reads the first line of code:

ex:

my function {
    alert("Hello");
    alert("Test");
}

what will be returned to me is just the alert "Hello", the next alert will not be shown anymore. Below is my actual jsp code to do this (I forgot that I will be opening a new popup for this one):

 <html:image src="/ADM/images/edit_button.gif" border="0" onclick="return false"/>

<script language="javascript"><!--begin
   
    function getConfigItemKey()
    {  

        var count = parent.configItemsListForm.counter.value;
        var newWindow;
        alert(count);

        if (count.value == 1) {
            if (newWindow) {
                newWindow.close();
                newWindow = null;
            }
           
            var test = 1;
            window.open('/ADM/SetupEditConfigItem.do?
                                    configItemKey=test','confirm','width=400,height=150');
           
        }
       
        if (count.value == 0) {
            alert("Please select a config item to edit/view");
        }
       
        if (count.value > 1) {
            alert("Please select only one config item to edit/view");
        }
    }

\\ end-->
</script>

Thanks!
0
 
LVL 2

Assisted Solution

by:DidierD
DidierD earned 25 total points
ID: 9835483
your function is wrong.

It should be something like

<script language="javascript">
function myfunction(){
  alert("Hello");
  alert("Test");
}
</script>

<html:image src="/ADM/images/edit_button.gif" border="0" onclick="myfunction()"/>


Look at my first example again. The yourValidate function returns true or false. If it returns true you do the submit or open the window by calling getConfigItemKey().

I think you want to do something like this.

<script>

   function yourValidationFunction(){
     // do your validation and return true or false
      return true;
   }

    function myFunction(){
     if (yourValidationFunction()){
        getConfigItemKey()
     } else{
       alert("wrong input");
     }
    }
  </script>

<html:image src="/ADM/images/edit_button.gif" border="0" onclick="myFunction()"/>

Hmmm Maybe i start to understand your problem. Do you mean that the html:image is doing the onclick and the submit (form action). You don't want the form action to happen.

if you use a normal HTML img the form action will not be submitted.
<img src="/ADM/images/edit_button.gif" onclick="myfunction()"> then in the javascript function you can do the submit. Like the example in my previous comment.

Greetz,
Didier
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In part one, we reviewed the prerequisites required for installing SQL Server vNext. In this part we will explore how to install Microsoft's SQL Server on Ubuntu 16.04.
Article by: Justin
In light of the WannaCry ransomware attack that affected millions of Windows machines, you might wonder if your Mac needs protecting. Yes, it does and here is how to do it.
Michael from AdRem Software explains how to view the most utilized and worst performing nodes in your network, by accessing the Top Charts view in NetCrunch network monitor (https://www.adremsoft.com/). Top Charts is a view in which you can set seve…
Do you want to know how to make a graph with Microsoft Access? First, create a query with the data for the chart. Then make a blank form and add a chart control. This video also shows how to change what data is displayed on the graph as well as form…

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question