Validation in JSF using alert boxex with javascript

Hi,
I want to validate the input of the user as client-side validation, without returning to the server..
So, if for example he doesn't fill in a field, an alert box should be displayed : " No valid input !!"
Can soemone help me..
Thanks

<h:selectOneRadio id="myradio" required="true" ... >
</h:selectOneRadio>
<h:message for="myradio" />Submit the form, if the radio is not selected while the 'required' attribute is set to true, you will get a default validation error in the h:message.
Get through a good JSF book/tutorial and read on about the validation. JSF offers a robust and highly customizeable validation framework. The error messages are also customizeable. The only difference with the Javascript approach is that it costs one trip to the server as well. But the big advantage is that it is much more robust. As Javascript is clientside, it can easily be disabled by the client or even hacked by the client.
Here are some useful links:
JSF book: http://www.amazon.com/JavaServer-Faces-Complete-Reference/dp/0072262400
JSF specification: http://jcp.org/aboutJava/communityprocess/final/jsr252/index.html
JSF tutorial (Java EE tut chapter 10 and on): http://java.sun.com/javaee/5/docs/tutorial/doc/bnaph.html

Similar Messages

Use alert box in javascript using xsl:message in Xalan

There appears to be a xsl:message tag in XSLT. According to W3C, the implementation is dependent on the XSLT transformer.
However, this tag output the message to my console.
I would on the other hand like to output the message
in a javascript alert box. I am using jaxp 1.1, the XSLT
transformer is Xalan.
Thanks in advance,
taybw

As you surely know, Xalan is running on the server. That's why the <xsl:message> appears there. As far as I know, the only options available to XSLT implementors are whether the message will appear or not, or possibly whether it will end the translation abnormally.
Presumably you have Xalan producing HTML that will be rendered on the browser. If that's the case, then just replace the <xsl:message> element by some Javascript code that will pop up the alert box as soon as the browser loads the page you are writing.

The combination of report with javascript

Hi guys,
I want to use report combined with javascript as follows:
<APPLET NAME="ASMGridAppAssembly" ...
PARAM NAME="QueryTemplate" VALUE="..../Reports/PTSD/AsmNCMFRXQuery">
<PARAM NAME="DisplayTemplate" VALUE=".../Reports/AsmGrid">
<param name="Param.1" value=>
<param name="Param.2" value=>
</APPLET>
document.ASMGridAppAssembly.getQueryObject().setParam(3,Param3);
document.ASMGridAppAssembly.getQueryObject().setParam(4,Param4);
Can I achieve this?
Thanks,
Tony.
Edited by: Tony Hu on Aug 8, 2008 7:07 PM

Mike - Huh? If javascript is called to an active applet on the page that received Param.1 and Param.2 through param overrides in the html (like shown in Tony's post) they will absolutely override any static ones that are in the query template itself.
Tony - you need to instruct the applet to run the query with your 2 new parameters, so add this line after setting param 3 and 4:
document.ASMGridAppAssembly.updateGrid(true);
Regards,
Jeremy

J2ME splash screen using alerts

Hi everyone,
I have used alerts before with no problem, but I am having probelms using them to create a welcome splash screen. The code I have used is below:
private void showSplashScreen(Display d)
     Image logo = null;
     try
     logo = Image.createImage("/images/logo.png");
     catch( IOException e )
               System.out.println(e);
     Alert splash = new Alert( "Advanced Predictive Text", "David Fowler", logo, null);
     splash.setTimeout(3000);
     d.setCurrent(splash, tb); // tb is a global variable
     System.out.println("Displayed splash screen");
The method is called on startup. The toolkit displays "Displayed splash screen", but nothing is shown on the emulator. If it's running the code why isn't the alert appearing? The textbox (tb) appears no probs!
Three days prior to my final year demo...please help!!!
Many thanks in advance,
David Fowler

try this...
private void showSplashScreen()
     Image logo = null;
     try
          logo = Image.createImage("/images/logo.png");
     catch( IOException e )
          System.out.println(e);
     Alert splash = new Alert("Advanced Predictive Text", "David Fowler", logo, null);
     splash.setTimeout(3000);
     Display.getDisplay(this).setCurrent(splash);
     System.out.println("Displayed splash screen");
}

How to use ocx with javascript in jsf page

Hello,
Please i create a jsf page which purpose is to scan.
I used in a source of my jsf page an OCX with object tag like
<OBJECT ID="Ranger"
CLASSID="CLSID:1C5C9095-05A8-11D4-9AF9-00104B23E2B1">
</OBJECT>
i wrote my functions which use this ocx in javascript. Function that i call with clientlistener rear adf button
but it doesn't work
Could you please help me please VERY IMPORTANT

This my html code:
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportNewState(newState,previousState)>
// Transport new state, fired every time the State changes on the control
// input params , are the new state and the previous state
//alert(newState);
var RangerTransportStates = {TransportUnknownState: -1, TransportShutDown: 0, TransportStartingUp: 1,
                              TransportChangeOptions: 2, TransportEnablingOptions: 3, TransportReadyToFeed: 4,
                              TransportFeeding: 5, TransportExceptionInProgress:6, TransportShuttingDown: 7};
if(newState == RangerTransportStates.TransportShutDown)
      document.getElementById('StartRanger').disabled = false;
      document.getElementById('EnableRanger').disabled = true;
      document.getElementById('StopFeeding').disabled = true;
      document.getElementById('StartFeeding').disabled = true;
      document.getElementById('ChangeOptions').disabled = true;
      document.getElementById('Shutdown').disabled = true;
      document.getElementById('UserInstructions').innerHTML = "Press 'Startup Ranger' to initialize the Ranger control"
if(newState == RangerTransportStates.TransportChangeOptions)
      document.getElementById('StartRanger').disabled = true;
      document.getElementById('StartFeeding').disabled = true;
      document.getElementById('EnableRanger').disabled = false;
      document.getElementById('Shutdown').disabled = false;
      document.getElementById('UserInstructions').innerHTML = "<b>Ranger Started</b> <br> Press 'Enable Ranger' to enable the current Ranger Options and prepare to start feeding"
if(newState == RangerTransportStates.TransportReadyToFeed)
      document.getElementById('EnableRanger').disabled = true;
      document.getElementById('StopFeeding').disabled = true;
      document.getElementById('StartFeeding').disabled = false;
      document.getElementById('ChangeOptions').disabled = false;
      document.getElementById('Shutdown').disabled = false;
      document.getElementById('UserInstructions').innerHTML = "<b>Ready to feed </b><br> Press 'Start Feeding' to start Ranger Feeding checks from main hopper"
if(newState == RangerTransportStates.TransportFeeding)
      document.getElementById('StartFeeding').disabled = true;
      document.getElementById('ChangeOptions').disabled = true;
      document.getElementById('Shutdown').disabled = true;
      document.getElementById('StopFeeding').disabled = false;
      document.getElementById('UserInstructions').innerHTML = "<b>Feeding... </b><br> Press 'Stop Feeding' to stop Ranger from Feeding checks"
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportChangeOptionsState(previousState)>
//Fired when Ranger reaches the change option state, input params are previous state
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportReadyToFeedState(previousState)>
//Fired when ranger is ready to feed the next item
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportFeedingStopped(reason,itemsFed,itemsrequested)>
//Fired when feeding has stopped
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportItemInPocket(itemID)>
//Fired when the item has been fed into the pocket
var RangerSides = {TransportFront: 0, TransportRear: 1};
var RangerImageColorTypes = {ImageColorTypeBitonal:0, ImageColorTypeGrayscale: 1, ImageColorTypeColor: 2};
// Note: SaveImageToFile() below is used to save gray scale images. Please verify that 'NeedFrontImage2' and
//       'NeedRearImage2' are set to 'true' in the GenericOptions.ini file. If bitonal images are to be saved,
//       please set 'NeedFrontImage1'/'NeedRearImage1' to 'true' before calling SaveImageToFile() for bitonal images.
document.getElementById('MICR').innerHTML = 'MICR: ' + Ranger.GetMicrText(1);
temp = Ranger.SaveImageToFile(RangerSides.TransportFront, RangerImageColorTypes.ImageColorTypeGrayscale, "C:\\test\\Testfront.jpg");
temp = Ranger.SaveImageToFile(RangerSides.TransportRear, RangerImageColorTypes.ImageColorTypeGrayscale,"C:\\test\\Testback.jpg");
//Here you could check to see if the images were saved, putting alternate
//text in place of the image if they werent saved.
document.getElementById('PIC').innerHTML = '<img height=200 width=400 src=' + '"Testfront.jpg">' + '<br>' + '<img height=200 width=400 src=' + '"Testback.jpg">';
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportNewItem()>
// Fired when a new item has entered the track
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportShutDownState(currentState,previousState)>
//Fired when the Ranger control has been shutdown
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportSetItemOutput(itemID)>
//fired when the item is ready to have params set(pocketing decisions)
getstatus();
</SCRIPT>

<SCRIPT LANGUAGE="javascript">
function getstatus()
     document.getElementById('Status').innerHTML = 'Status: ' + Ranger.GetTransportStateString();
</SCRIPT>
</head>
<body>
<OBJECT ID="Ranger"
CLASSID="CLSID:1C5C9095-05A8-11D4-9AF9-00104B23E2B1">
</OBJECT>
<div id="container">
     <div id="banner" >
     </div>
     <div id="left">
          <h2>Ranger Control Buttons</h2>
          <br><div id="Status">Status:</div><br>
          <input class="controlbutton" id="StartRanger" type=button value="Startup Ranger" onclick="Ranger.Startup();">
          <input class="controlbutton" id="EnableRanger" disabled type=button value="Enable Ranger" onclick="Ranger.EnableOptions();">
          <input class="controlbutton" id="StartFeeding" disabled type=button value="Start Feeding" onclick="Ranger.StartFeeding(0,0);">
          <input class="controlbutton" id="StopFeeding" disabled type=button value="Stop Feeding" onclick="Ranger.StopFeeding();">
          <input class="controlbutton" id="ChangeOptions" disabled type=button value="Change Options" onclick="Ranger.PrepareToChangeOptions();">
          <input class="controlbutton" id="Shutdown" disabled type=button value="Shutdown Ranger" onclick="Ranger.Shutdown();">
     </div>
     <div id="content">
          <div id="UserInstructions">Press 'Startup Ranger' to initialize the Ranger control</div>
          <br>
          <div id="MICR"></div>
          <br>
          <div id="PIC"></div>
     </div>
     <div id="footer"><h1>Ranger Control</h1></div>
</div>
them jsf code:
<f:view>
<OBJECT ID="Ranger"
    CLASSID="CLSID:1C5C9095-05A8-11D4-9AF9-00104B23E2B1">
</OBJECT>
<af:document id="d1" title="Fiche Bordereau">
    <af:messages id="m1"/>
    <af:form id="f1">
      <af:pageTemplate viewId="/tempCompens.jspx" id="pt1">
       <af:resource type="javascript">
        // Transport new state, fired every time the State changes on the control
        // input params , are the new state and the previous state
        //alert(newState);
        var RangerTransportStates = {TransportUnknownState: -1, TransportShutDown: 0, TransportStartingUp: 1,
                              TransportChangeOptions: 2, TransportEnablingOptions: 3, TransportReadyToFeed: 4,
                              TransportFeeding: 5, TransportExceptionInProgress:6, TransportShuttingDown: 7};
        ok =false;
        var i = 0;
        if(newState == RangerTransportStates.TransportShutDown)
            document.getElementById('btn_demarre').disabled = false;
            document.getElementById('btn_active').disabled = true;
            document.getElementById('btn_arretscan').disabled = true;
            document.getElementById('btn_scan').disabled = true;
            document.getElementById('btn_changetat').disabled = true;
            document.getElementById('btn_arret').disabled = true;
            document.getElementById('UserInstructions').value = "Appuyer sur Demarrer pour initiliser le scanner"
        if(newState == RangerTransportStates.TransportChangeOptions)
            document.getElementById('btn_demarre').disabled = true;
            document.getElementById('btn_scan').disabled = true;
            document.getElementById('btn_active').disabled = false;
            document.getElementById('btn_arret').disabled = false;
            document.getElementById('UserInstructions').value = "Demarrage... Appuyer sur Activer pour preparer le scanning "
            ok = false;
        if(newState == RangerTransportStates.TransportReadyToFeed)
            document.getElementById('btn_active').disabled = true;
            document.getElementById('btn_arretscan').disabled = true;
            document.getElementById('btn_scan').disabled = false;
            document.getElementById('btn_changetat').disabled = false;
            document.getElementById('btn_arret').disabled = false;
            document.getElementById('UserInstructions').value = "Pret a scanner.   Appuyer sur Scanner pour lancer le scanning"
            ok = true;
        if(newState == RangerTransportStates.TransportFeeding)
            document.getElementById('btn_scan').disabled = true;
            document.getElementById('btn_changetat').disabled = true;
            document.getElementById('btn_arret').disabled = true;
            document.getElementById('btn_arretscan').disabled = false;
            document.getElementById('UserInstructions').value = "Scanning... Appuyer sur Arret scanning pour stopper le scanning"
        getstatus();
       </af:resource>
       <af:resource type="javascript">
        //Fired when the item has been fed into the pocket
            var RangerSides = {TransportFront: 0, TransportRear: 1};
            var RangerImageColorTypes = {ImageColorTypeBitonal:0, ImageColorTypeGrayscale: 1, ImageColorTypeColor: 2};
        //alert(Ranger.GetGenericOptionFileName());
            Ranger.SetGenericOption("OptionalDevice","NeedFrontImage1",true);
            Ranger.SetGenericOption("OptionalDevice","NeedRearImage1",true);
            document.getElementById('cmc7').value = 'CMC7= '+Ranger.GetMicrText(1);
            var cmc7 = trim(Ranger.GetMicrText(1));
            cmc7 = cmc7.replace(" ","_");
            cmc7 = cmc7.replace(" ","_");
        //cmc7 = cmc7.substring(0,15);
            cmc7R = cmc7+"_R.jpg";
        //alert(Ranger.GetImageAddress(RangerSides.TransportFront, RangerImageColorTypes.ImageColorTypeGrayscale))
            function trim(myString)
                return myString.replace(/^\s+/g,'').replace(/\s+$/g,'')
            temp = Ranger.SaveImageToFile(RangerSides.TransportFront, RangerImageColorTypes.ImageColorTypeGrayscale, "C:\\Documents and Settings\\Koffi Ernest\\Mes documents\\NetBeansProjects\\Scan-project\\web\\"+cmc7R);
            window.onload = function()
              document.getElementById("verso").src = monfichierV();
            function monfichierR()
            // nomfichier = nomfichier+"_R.jpg";
                var nomfichier = trim(Ranger.GetMicrText(1))+"_R.jpg";
                return nomfichier
            cmc7V = cmc7+"_V.jpg";
            temp = Ranger.SaveImageToFile(RangerSides.TransportRear, RangerImageColorTypes.ImageColorTypeGrayscale,"C:\\Documents and Settings\\Koffi Ernest\\Mes documents\\NetBeansProjects\\Scan-project\\web\\"+cmc7V);
            window.onload = function()
                document.getElementById("verso").src = monfichierV();
            function monfichierV()
                var nomfichierV = trim(Ranger.GetMicrText(1))+"_V.jpg";
                return nomfichierV
            function getRImageUrl(img)
                var imageSrc = trim(Ranger.GetMicrText(1))+"_R.jpg";
                if(img.src != imageSrc)
                // don't get stuck in an endless loop
                img.src = imageSrc;
            function getVImageUrl(img)
             var imageSrc = trim(Ranger.GetMicrText(1))+"_V.jpg";
             if(img.src != imageSrc)
             { // don't get stuck in an endless loop
              img.src = imageSrc;
        document.getElementById('recto').source = cmc7R;
        document.getElementById('verso').source = cmc7V;
        getstatus();
       </af:resource>
        <af:resource type="javascript">
             document.getElementById('status').value = Ranger.GetTransportStateString();
        </af:resource>
        <f:facet name="temp">
          <af:panelSplitter id="ps1" splitterPosition="329"
                            inlineStyle="width:709px;">
            <f:facet name="first">
              <af:panelGroupLayout layout="scroll"
                                   xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
                                   id="pgl5">
                <af:panelGroupLayout id="pgl1">
                  <af:outputText value="Saisie des informations du bordereau"
                                 id="ot1"
                                 inlineStyle="font-size:small; font-family:inherit; color:Gray; font-weight:bold;"/>
                </af:panelGroupLayout>
                <af:panelFormLayout id="pfl1">
                  <f:facet name="footer">
                    <af:panelGroupLayout id="pgl4" layout="horizontal">
                      <af:commandButton text="Annuler" id="cb4"/>
                      <af:spacer width="5" height="10" id="s14"/>
                      <af:commandButton text="Scanner" id="cb5"
                                        action="success"/>
                    </af:panelGroupLayout>
                  </f:facet>
                  <af:spacer width="10" height="30" id="s2"/>
                  <af:panelGroupLayout id="panelGroupLayout1"
                                       layout="horizontal" valign="middle">
                    <af:inputText label="N° de compte                   " id="it1"/>
                    <af:spacer width="10" height="10" id="s16"/>
                    <af:commandButton text="..." id="cb3"/>
                  </af:panelGroupLayout>
                  <af:spacer width="5" height="3" id="s12"/>
                  <af:panelGroupLayout id="pgl2" layout="horizontal"
                                       valign="middle">
                    <af:inputText label="Nom du client         " id="it3"/>
                  </af:panelGroupLayout>
                  <af:spacer width="5" height="3" id="s17"/>
                  <af:panelGroupLayout id="pgl11" layout="horizontal"
                                       valign="middle">
                    <af:inputText label="N° bordereau    " id="it4"/>
                    <af:spacer width="5" height="10" id="s11"/>
                    <af:commandButton text="New" id="cb1"/>
                    <af:spacer width="2" height="10" id="s13"/>
                    <af:commandButton text="Find" id="cb2"/>
                  </af:panelGroupLayout>
                  <af:spacer width="5" height="3" id="s18"/>
                  <af:panelGroupLayout id="pgl3">
                    <af:inputText label="Nbre de chèque" id="it2"/>
                    <af:spacer width="5" height="3" id="s19"/>
                    <af:inputDate label="Date d'operation                  " id="id1"/>
                  </af:panelGroupLayout>
                  <af:spacer width="1000" height="10" id="s1"/>
                </af:panelFormLayout>
              </af:panelGroupLayout>
            </f:facet>
            <f:facet name="second">
              <af:panelGroupLayout layout="scroll"
                                   xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
                                   id="pgl6">
                <af:outputText value="Resultat scanning" id="ot2"
                               inlineStyle="font-size:small; font-weight:bold; color:Gray;"/>
                <af:panelTabbed id="pt2"
                                inlineStyle="height:498px; width:680px;">
                  <af:showDetailItem text="Scanning" id="sdi1">
                    <af:panelSplitter id="ps2" splitterPosition="103"
                                      inlineStyle="width:433px; height:436px;">
                      <f:facet name="first">
                        <af:panelGroupLayout id="pgl7" layout="vertical">
                          <af:outputText value="Liste de contrôles" id="ot3"
                                         inlineStyle="font-weight:bold; color:Gray;"/>
                          <af:spacer width="10" height="10" id="s20"/>
                          <af:outputText id="status"/>
                          <af:spacer width="10" height="10" id="s8"/>
                          <af:commandButton text="Demarrer      "
                                            id="btn_demarre">
                            <af:clientListener type="click"
                                               method="Ranger.Startup()"/>
                          </af:commandButton>
                          <af:spacer width="10" height="10" id="s7"/>
                          <af:commandButton text="Activer              "
                                            id="btn_active"
                                            disabled="true">
                            <af:clientListener method="Ranger.EnableOptions()"
                                               type="click"/>
                          </af:commandButton>
                          <af:spacer width="10" height="10" id="s6"/>
                          <af:commandButton text="Scanner       "
                                            id="btn_scanne"
                                            disabled="true">
                            <af:clientListener method="Ranger.StartFeeding(0,0)"
                                               type="click"/>
                          </af:commandButton>
                          <af:spacer width="10" height="10" id="s3"/>
                          <af:commandButton text="Arrêt Scan   "
                                            id="btn_arretscan"
                                            disabled="true">
                            <af:clientListener method="Ranger.StopFeeding()"
                                               type="click"/>
                          </af:commandButton>
                          <af:spacer width="10" height="10" id="s4"/>
                          <af:commandButton text="Changer Etat"
                                            id="btn_changetat"
                                            disabled="true">
                            <af:clientListener method="Ranger.PrepareToChangeOptions()"
                                               type="click"/>
                          </af:commandButton>
                          <af:spacer width="10" height="10" id="s5"/>
                          <af:commandButton text="Arrêter         "
                                            id="btn_arret"
                                            disabled="true">
                            <af:clientListener method="Ranger.Shutdown()"
                                               type="click"/>
                          </af:commandButton>
                        </af:panelGroupLayout>
                      </f:facet>
....Edited by: nesta on 21 juil. 2010 07:07

JSF problems with Javascript

Hi everyone!!
The situation is this: I have a datable with one of its columns make an h:commanLink, which has two f:params, its actionListener is a function of a ManagedBean. This is JSF, not MyFaces. In IE, When the link is pressed, it shows a javascript error: " 'elements.idVar' is null or it's not an object ", however in Firefox, it works perfectly. I have been looking for the problem and it have to do with this:
</form><a href="# onclick="clearFormHiddenParams_formResultado('formResultado');document.forms['formResultado'['formResultado:_idcl'].value='formResultado:dtTablaResultados:0:_id10';document.forms['formResultado']['idVar'].value='37';document.forms['formResultado']['idMun'].value='168'; document.forms['formResultado'].submit(); return false;"><span id="formResultado:dtTablaResultados:0:itColumna3" title="AREA COSECHADA EN CULTIVOS PERMANENTES">1,230</span></a></td>
</tr>
<tr class="standardTable_Row2">
<td><span id="formResultado:dtTablaResultados:1:itColumna1" style="text-align:center;" title="Código Municipio">718</span></td>
<td><a href="javascript:void(0)" onclick="javascript:window.opener.opener.showLink('SASAIMA')"><span id="formResultado:dtTablaResultados:1:itColumna2_l" title="Municipio">SASAIMA</span></a></td>
<td><form id="formResultado:dtTablaResultados:1:_id9" method="post" action="/ConsultaEstadisticasGeo/resultadoConsulta.jsf" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="com.sun.faces.VIEW" id="com.sun.faces.VIEW" value="_id39:_id41" /><input type="hidden" name="formResultado:dtTablaResultados:1:_id9" value="formResultado:dtTablaResultados:1:_id9" /><input type="hidden" name="idVar" /><input type="hidden" name="idMun" /><input type="hidden" name="formResultado:_idcl" />
<script type="text/javascript">

</script>
the way JSF manage the params. The error, acdording to the message shonw by IE is in this line: curForm.elements['idVar'].value = null;
The code of the JSP is this:
<h:commandLink     actionListener="#{consultaEstadisticasMB.detalleEstadistica}">
     <f:param name="idVar" value="#{consultaEstadisticasMB.idColumna3}" id="idVar" />
     <f:param name="idMun" value="#{registro[0]}" id="idMun" />
     <h:outputText title="#{consultaEstadisticasMB.columna3}" id="itColumna3" value="#{registro[2]}" />
</h:commandLink>
Waht can i do? (Not using MyFaces, because I can�t do that)
Thanks for your answers!!

I have run into this same problem with javascript and the colon. I am not sure if the colon is a valid character for a javascript identifier (one would think the RI developers would have checked it out though!?!).
Anyway, my workaround is to search through the Javascript DOM for the widget you want to obtain a reference to, using part of its id. After all, you know its id, you just can't use it as a javascript reference. In your Javascript code, do something like:
    var inputWidgets = document.getElementsByTagName("input");
    var targetInput;
    for(var i = 0; i < inputWidgets.length; i++)
       var inputId = inputWidgets.id;
if(inputId.indexOf("yourInputId") != -1)
targetInput = inputWidgets[i];
break;
It's a lot of effort to just get a reference to a form widget....but it works (I pasted in the code and changed it a bit, so it might not work as is, but at least it demonstrates the idea).

Problems by combinate JSF-Names with JavaScript (de.dev.user)

Hello again.
I have i new problem.
Overview:
1. Situation
2. Working code
3. Problem (reason for new idea)
4. New Idea
5. Problem (please help me !!)
[1]
The situation. I have one inputText and one selectOneMenu.
They are logicly combinated. Of this pair i have two.
If the user enters a errorcode in the inputText-field, the matching entry of the selectOneMenu have to be selected.
If the user select a entry of the selectOneMenu, the code have to be shown in the inputText.
Example:
inputText1 <-> selectOneMenu1
inputText2 <-> selectOneMenu2
[2]
For the moment i have realised this code (it works !!):
details.jsp:
<h:panelGrid columns="3">
<h:inputText binding="#{CbtdDetailsBean.itxtErrorCode1}" id="itxtErrorCode1" valueChangeListener="#{CbtdDetailsBean.itxtErrorCode1ValueChange}" onchange="submit()">
</h:inputText>
<h:selectOneMenu binding="#{CbtdDetailsBean.hsomErrorCode1}" id="hsomErrorCode1" valueChangeListener="#{CbtdDetailsBean.hsomErrorCode1ValueChange}" onchange="submit()" >
<f:selectItems binding="#{CbtdDetailsBean.uisiErrorCode1}" id="uisiErrorCode1" />
</h:selectOneMenu>
<h:outputText value="#{lgs.txtErrorCode}" />
<h:inputText binding="#{CbtdDetailsBean.itxtErrorCode2}" id="itxtErrorCode2" valueChangeListener="#{CbtdDetailsBean.itxtErrorCode2ValueChange}" onchange="submit()" />
<h:selectOneMenu binding="#{CbtdDetailsBean.hsomErrorCode2}" id="hsomErrorCode2" valueChangeListener="#{CbtdDetailsBean.hsomErrorCode2ValueChange}" onchange="submit()">
<f:selectItems binding="#{CbtdDetailsBean.uisiErrorCode2}" id="uisiErrorCode2" />
</h:selectOneMenu>
</h:panelGrid>
CbtdDetailsBean.java:
private ArrayList getErrorCodeList()
ArrayList errorCodeList = new ArrayList();
errorCodeList.add(new SelectItem("1", "TestErrorCode1"));
errorCodeList.add(new SelectItem("2", "TestErrorCode2"));
errorCodeList.add(new SelectItem("3", "TestErrorCode3"));
errorCodeList.add(new SelectItem("4", "TestErrorCode4"));
errorCodeList.add(new SelectItem("5", "TestErrorCode5"));
return errorCodeList;
// Value Change Listener (same for 2. group)
public void itxtErrorCode1ValueChange(ValueChangeEvent vce)
this.hsomErrorCode1.setValue((String) vce.getNewValue());
public void hsomErrorCode1ValueChange(ValueChangeEvent vce)
this.itxtErrorCode1.setValue((String) vce.getNewValue());
// Input Text ErrorCode 1 (same for 2. group)
private HtmlInputText itxtErrorCode1 = new HtmlInputText();
public HtmlInputText getItxtErrorCode1() { return itxtErrorCode1; }
public void setItxtErrorCode1(HtmlInputText itxtErrorCode1) { this.itxtErrorCode1 = itxtErrorCode1; }
// HtmlSelectOneMenu ErrorCode 1 (same for 2. group)
private HtmlSelectOneMenu hsomErrorCode1 = new HtmlSelectOneMenu();
public HtmlSelectOneMenu getHsomErrorCode1() { return hsomErrorCode1; }
public void setHsomErrorCode1(HtmlSelectOneMenu hsomErrorCode1) { this.hsomErrorCode1 = hsomErrorCode1; }
// UISelectItems (same for 2. group)
private UISelectItems uisiErrorCode1 = new UISelectItems();
public UISelectItems getUisiErrorCode1() { uisiErrorCode1.setValue(getErrorCodeList()); return uisiErrorCode1; }
public void setUisiErrorCode1(UISelectItems uisiErrorCode1) { this.uisiErrorCode1 = uisiErrorCode1; }-------------------------------------------------------------------------------------------------
[3]
Problem:
If the user changes the itxtErrorCode1-field, the hsomErrorCode1 will be updated by reload, but the hsomErrorCode1 also updates the itxtErrorCode1-field with the old value.
The second group is also updated. the itxtErrorCode2 has the value of hsomErrorCode2 (= 1) after entering itxtErrorCode1.
[4]
My new idea, where i need your help:
I think about a second way to update this fields. JavaScript !!
If this would work, i do not need to refresh the page.
The sourcecode i would like to user for this is implemented in the jsp-file:
<f:verbatim>
<script type="text/javascript">

</script>
</f:verbatim>
<h:inputText binding="#{CbtdDetailsBean.itxtErrorCode1}" id="itxtErrorCode1" onchange="toUpper(this);SetControlByValue(document.frmDeviceDetails.hsomErrorCode1,this.value);" />
[5]
The new problem:
In the generated HTML-Code of itxtErrorCode1 and hsomErrorCode1 is:
<input id="body:frmDeviceDetails:itxtErrorCode1" name="body:frmDeviceDetails:itxtErrorCode1" type="text" ... >
<select id="body:frmDeviceDetails:hsomErrorCode1" name="body:frmDeviceDetails:hsomErrorCode1" ... >
How can i reference this "name" to javascript?
This Ideas does not work:
document.frmDeviceDetails.hsomErrorCode1
body:frmDeviceDetails:hsomErrorCode1
document.body:frmDeviceDetails:hsomErrorCode1
document.body.frmDeviceDetails.hsomErrorCode1
document.body.frmDeviceDetails.body.frmDeviceDetails.hsomErrorCode1
JavaScript seems to have a problem with ":". But this is part of the name!
Any Ideas?
p.s. please excuse my english, but i am from germany smile

I have run into this same problem with javascript and the colon. I am not sure if the colon is a valid character for a javascript identifier (one would think the RI developers would have checked it out though!?!).
Anyway, my workaround is to search through the Javascript DOM for the widget you want to obtain a reference to, using part of its id. After all, you know its id, you just can't use it as a javascript reference. In your Javascript code, do something like:
    var inputWidgets = document.getElementsByTagName("input");
    var targetInput;
    for(var i = 0; i < inputWidgets.length; i++)
       var inputId = inputWidgets.id;
if(inputId.indexOf("yourInputId") != -1)
targetInput = inputWidgets[i];
break;
It's a lot of effort to just get a reference to a form widget....but it works (I pasted in the code and changed it a bit, so it might not work as is, but at least it demonstrates the idea).

How to do Javascript validations in JSF

Hi ,
I want to know about the javascript validation in JSF. I want to know simple validations like field should not be empty.
I have a problem with my code can any one suggest me on this. for your reference here i'm attaching my code.
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<f:view>
     <%@ include file="../includes/header.jsp"%>
     <h:form id="createForm">
          <script>
         function validate() {
             if((document.createForm.courseId.value=='') ||(document.createForm.courseId.value==null))
                alert("Please Enter Course Id");
                 return false;
             if(document.createForm.fileName.value=='')
                alert("Please Enter File Name");
                 return false;
               retutrn true;
                     </script>
          <table width="768" height="100%" border="0" cellpadding="0"
               cellspacing="0">
                              <tr>
                                                  <td width="200" height="25" align="left" class="formtext">
                                                       Course Id:
                                                  </td>
                                                  <td height="25" align="left">
                                                       <h:inputText id="courseId" value="#{bean.courseId}" required="true" />
                                                  </td>
                                             </tr>
                                             <tr>
                                                  <td width="200" height="25" align="left" class="formtext">
                                                       File Name:
                                                  </td>
                                                  <td height="25" align="left">
                                                       <h:inputText id="fileName" value="#{bean.fileName}" />
                                                  </td>
                                             </tr>
                                        </table>
                              <tr>
                                   <td colspan="2" align="center" class="formtext">
                                        <h:commandButton value="Create"
                                             action="#{control.getSelectedItems}"
                                             onclick=" return validate();" />
                                   </td>
                              </tr>
                         </table>
                    </td>
                    <td width="12" valign="top" background="images/tile_left_right.jpg">
                         <img src="images/tile_left_right.jpg" width="6" height="1" />
                    </td>
               </tr>
          </table>
     </h:form>
     <%@ include file="../includes/footer.jsp"%>
</f:view>

Have you checked the element ID's? Maybe you have overlooked the woodstocked ID's. Look in the generated HTML source and base your Javascript on this.

How to do validation in jsp using javascript

how to do validation in jsp using javascript

The same way you do with any HTML page.
Catch the onclick/onsubmit event, do your validation in javascript and then allow/cancel the action as required.
However this is javascript validation only - javascript can never call JSP code.

JSF with JavaScript ! Problem with OnLoad()

Hello,
I have a .js (javascript) file which has one function. I want to call this function in my jsf-jsp page form.
The javascript run successfully without onload. But when i use onlod it is giving me error like "
com.sun.rave.web.ui.appbase.ApplicationException: org.apache.jasper.JasperException: /Webcam.jsp(11,109) Attribute onload invalid for tag body according to TLD
1. How can i use the onload event with forms or body with jsf ?
After this, i want to use some if else code with my jsp page. Normally we do this using scriptlets in jsp. So how can i do this on the jsf-jsp. Should i use backing bean to write the same code ?
Actually i want to invoke different applications based on coditions on the return of my javascrit function.
Can anybody has tips, solution on this ?
-Sachin
EpiComm Technologies Ltd.

BalusC,
If we want to set focus to a particular element, then
this won't work.
If runScript() function is referring to any form
element we get an error stating that
"document..forms.formname.elements is null.
any ideas how to set focus when the form loads?Then put the script in the bottom of the JSF code, straight before the end body tag. At this place all JSF components are finished with generating.
<html>
    <head>
    </head>
    <body>
        <f:verbatim>
            <script>
                setFocus('</f:verbatim><h:outputText value="#{myBean.focusId}" /><f:verbatim>');
            </script>
        </f:verbatim>
    </body>
</html>

I restore my iPhone 4S on iTunes and then when restarted it is asking for valid SIM card and I don't have SIM card for that, I was just using the iPhone with wifi, any one can help? Please.

I restore my iPhone 4S on iTunes after the restore was completed the iPhone was restarted and now asking for valid SIM card which I didn't,t have and I was using the iPhone with wifi, and now can't use it because the screen is locked for SIM card. Can anyone help me please.
Thanks,
David

wjosten wrote:
Phil0124 wrote:
I doubt the phone is locked to GCI in any way
Well, you're wrong, & in fact not only is it locked, GCI does not offer unlocking for iPhones.
Fact is your post won't help the OP.
And you are 100% sure its locked to them? How can you know this? While GCI does not offer unlocking that does not mean the phone is actually locked to it. Get off your high horse.
Its possible the original owner had an unlocked phone. he was using with GCI. Or that GCI doesn't actually have locked phones. Seeing as they don't even have their own infrastructure but instead use AT&T's I doubt they'd have iPhones specifically locked to them and that would be the reason they do not offer unlocking (because there's nothing for them to unlock). And just to clarify, I'm not saying for a fact its not locked to them. It very well maybe be, but without knowing more about the phone and going by the fact GCI uses AT&T infrastrucure its possible its not locked. But here's no way to say for sure either way.
Trying a Sim card from AT&T or another carrier might just help the OP if its actually unlocked or locked to AT&T rather than GCI.

Is it possible to create a editable pdf with validation(required field) using Adobe Acrobat pro version?

Hi,
the subject says it all. I have downloaded the trail version to see if its possible to create a editable pdf with validation(required field) using Adobe Acrobat pro version?
Basically, I will have to create a pdf form where users fill it and send it back to me. there will be required fields (the textbox and check box) that user need to fill before saving the editable pdf?
Is it possible. if so, can someone kind enough to point to me right directions?
Thanks in advance.

Thanks for reply. What I am trying to achieve is to give an option for the user to download the pdf form and once the user tries to save the pdf, it validates with the required field. I managed to create the editable pdf with required fields option. I just need that validation to be done when user click on save file. How can I achieve this? thanks so much for your help.

How can i optimize my SEARCH ENGINE???I use godaddy.i contact them and they give me this conclusion:Search engines are not pulling up your other pages on your website because it is created with javascript. the content on the pages, (photo gallery.....

conclusion from godaddy:
Search engines are not pulling up your other pages on your website because it is created with javascript.
the content on the pages, (photo gallery, My Recipes/Blog, History, Friends) need to be formatted to HTML, PHP or CSS. No search engines (google, Yahoo, Bing) can crawl//analyze webpages built with javascript.
See if Apple allows iweb to create the pages in HTML format and ask how to make those changes.
I spend more then 1 hour on the phone with them but we didn't find the solution...
please i need help because like this nobody can rich my website...
www.chefdiego.com
thank you

The part of iWeb pages that give the search engines problem is the navbar. That's javascript based. One way to get around that is to create another blank page in the site that's not included in the navbar.
Add a text based navbar in that page with just the other pages in the site.
Also you can use that page for creating the sitemap for Google at Create your Google Sitemap Online - XML Sitemaps Generator.
Have you let Google know your site exists? This website describes how to get it recognized: Get your iWeb website found in search engines like Google Yahoo MSN and Bing.
OT

Using alerts with ApEx 2.2

I want to use alerts from an ApEx application (after I insert to a table for example), the problem is that alerts can only be run as the apps account.
Is there a way to make alerts work?

The question was misunderstood.
Because Oracle apps uses a different security scheme then apex you'll really have to code for it within your alert. Any user that updates/inserts/deletes on the table you would base your alert on will fire the trigger not just "apps" user. However because the apex users are not apps and not in fnd_user table the transaction would get recorded as anonymous user (user_id = -1). Probably the best you could do would be put some "if" statements in your alert to check for user not found in fnd_user then make a v('APP_USER') call to get the apex user_name. Because your dealing with two different security schemes you can't do anything but work around's.
Todd

Send mail with attach by using Alert

Hi
How I can send email with BLOB attachment by using Alert,
Thanks
Edited by: Hani on Jan 17, 2013 1:59 PM

Hani wrote:
Hi
How I can send email with BLOB attachment by using Alert,
ThanksPlease see old threads for the same topic/discussion.
https://forums.oracle.com/forums/search.jspa?threadID=&q=attachment+AND+Alert&objID=c3&dateRange=all&userID=&numResults=15&rankBy=10001
https://forums.oracle.com/forums/search.jspa?threadID=&q=attachments+AND+Alert&objID=c3&dateRange=all&userID=&numResults=15&rankBy=10001
https://forums.oracle.com/forums/search.jspa?threadID=&q=attachment+AND+Alert+AND+Email&objID=c3&dateRange=all&userID=&numResults=15&rankBy=10001
Thanks,
Hussein

Validation in JSF using alert boxex with javascript

Similar Messages

Maybe you are looking for