JSF Validation -Javascript

Hai All ,
I would like to introduce "Client side Validation" in to my JSF Application . What now i am doing is that i just simple write 'required=true" attribute in my all jsf component whichever component value i need to validate before going to next phase . i feel that this server side validation . what i want do is that i want write one common java script file for all jsp page which can be validated all jsp page before sending data to server.
If you any idea please share with me
Selvakumar.

There are several javascript libraries available on the net that do this but be careful. Server side validation is always more secure unless you want to compare client side validation with server side validation to catch an attempted hack.

Similar Messages

JSF Validator Lifecycle

Hi all,
I'm planning to check the username and password using jsf validator, however I'm a bit worry about the security when passing the value to the server. Will the value exposed when the validator is called?
At first I planned to do some hashing before it transfer to server, however if it's hashed, then validation cannot be done, since the value already hashed.
Any suggestion?
Thanks.

The validate() method accepts the UIComponent being validated, in this case the <h:inputText>. Use the UIInput.resetValue() method on it.

DOCTYPE tag above CF's form validation javascript

Hi,
CF 8 seems to put the form validation javascript at the very top of the page, even before the HTML tag and the DOCTYPE validation tag. This is causing problems with my style sheet. Do you know of a way I can (at the very least), put my DOCTYPE tag above the javscript that CF renders?
Thank you,
David
<script type="text/javascript" src="/CFIDE/scripts/cfform.js"></script>
<script type="text/javascript" src="/CFIDE/scripts/masks.js"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Include the head tag, to entice Coldfusion to put the script tags there. Something like this
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>test page</title></head>
<body >
<cfform>
</cfform>
</body>
</html>

JHS and JSF Validation Conversion Error Customizations

Hello
Have JHS done any work about JSF validation or conversion error customizations?
I mean the error messages such as "lablename:"value mus be entered etc.
What can i do if i want to globally customize and localize this error messages.
I have copied the key such as "javax.faces.component.UIInput.REQUIRED" in my appdeff resource bundle but JHS (or maybe ADF) gives own message yet.
I Apologize if my problem don't depend on JHS. I wonder that JHS overrided JSF default messages.
Thank You

JHeadstart does not use any JSF standard message.
JHeadstart uses ADF Faces which comes with its own bundle of error messages.
Please use the JDeveloper forum for instructions on modifying ADF Faces error messages.
Steven Davelaar,
JHeadstart Team.

Skip JSF validation

Hi,
I have 1 form with 1 commanButton and 1 commanLink. Each form element has some validation set, e.g. required=true. When the commandButton is clicked I want to do this JSF-validation, but when the commandLink is clicked I would like to skip it. Is that possible to do in an easy way?
Regards
Pichdude

Yes, very easy to do. Add the immediate="true" attribute to the commandLink.
CowKing

Validation Javascript is Yacking Up Error Msgs on my Browser!

Greetz,
I'm trying to use an 'easy to use' validation javascript. I've spent a couple days with it and despite threat of imminent deletion, it refuses to work within my page.
If anyone has a minute to look them over, that would be way cool.
Script
http://www.equimac.com/en/errorCheck.js
Page
http://www.equimac.com/en/apply_brw_info.asp
errors occur in line 318 and 590
L8r
Nodemiester
[email protected]

function swapImage(item, sSRC) {
/* alert(arguments)//debug
if (document.images[stripKeys(item.name)].src) {
document.images[stripKeys(item.name)].src = sSRC;
comment from 583 to 587 as i did above in errorCheck.js
it will work out for you
try out .
i didnot get what you are doing in swapImage method
hope it works out for u
reply your result
thanks
anil

JSF and JavaScript

As far as I can see JSF is just a non-portble more verbose version of HTML which just generates a subset of HTML more slowly and with extensive studying a new HTML-like language.. It seems to add nothing, take away a lot, and double complexity.. But that is not important.. Why would web developers want to load the server with validation code when JavaScript in the Browser can increase performance by a factor of 100.. Shouldn't we be striving to use JavaScript in the Browser to enrich and speed up the user experience instead of cutting that avenue off and reinventing an even more clunky and obscure wheel? Is there anyway to have a "tabbed pane" which doesn't rebuild an entirely new page and send it back to the client? Similarly, do any of the implementations encourage client-side validation of simple form inputs using Javascript. Java seems to be being taken over by people with IQs hovering around 100.. I have never understood where most of the J2EE expeditions do anything for Comp. Sci. except reinvent a slower more obscure less portable version of something already a standard..

Troa, my website has been moved and I need to work on it to get it working again.. I have the source code but I think that would just be confusing.. Basically, there are buttons which call a Javascript function with onClick().. The function shows a form with stuff like this
function show(formname)
formEl[oldform].style.display = "none";
var form = formnum(formname);
formEl[form].style.display = "block";
oldform = form;
and some other DHTML using the newer browser Javascript to just hide a form of components and display another one.. All the components are downloaded at the start.. The buttons just hide and disply..
As for 1000s of records in tables, it works beautifully if you zip the data as a javascript array.. When the next button is pressed another Javascript function renders the HTML for a page.. It is less network traffic than one page of a normal table.. I'll get it back up working soon and point you to it and the source code.. I just need to install Sun Web Server on my Website, but it is very small in terms of disk size..
Maybe you should send me your email so we are not filling the forum with personal communication.. My email is [email protected]

Jsf and javascript to disable a button

Hi
is there a way to get the following code to disable the button called next
when the button "btn" is clicked i call the javascript function myFunc but it does not disable the button called "Next"
<html>
     <head>
          <title>Personal Info</title>
     </head>
     <body>
     <script type="text/javascript">
     function myFunc()
          document.personalForm.Next.disabled=true;
     </script>
          <f:view>
               <h:form id="personalForm">
               <h:commandButton id="Next" value="Next" action="doSomething" />
               <h:commandButton id="btn" value="button" immediate="true" onclick="myFunc()" />
               </h:form>
          </f:view>
     </body>
</html>

You should write Javascript according to the HTML source, not to the JSF code.
View the generated HTML source and base your JS on that.

Short Date Validation Javascript

For those of you who use the nls_date_format = MM/DD/YYYY date format and want the same functionality for validation as isDate found in 9iAS, here is a function that you can use. It works in WebDB 2.2 as well. It checks for a valid date, including leap year adjustments, and allows for "short" short dates: if just the month and day are entered, a year assumption is inserted. Two digit years are corrected to four digit years with an assumption as well. Any date separator syntax is allowed as well, for example if you prefer dots (.) or dashes (-). Try it - pretty much any date that is "close" is corrected to the proper format. Here it is:
function isUSShortDate(e){
tda =new Array(31,28,31,30,31,30,31,31,30,31,30,31);
v=e.value;if (v==""){return true}
r= new RegExp("\[^0-9\/]","g");v=v.replace(r,"/");
a=v.indexOf("/",0);b=v.indexOf("/",a+1);
ndd=new Date();nfn=ndd.getFullYear();nfs=nfn.toString()
if (a==-1){err(e);return false}
else{ims=v.substr(0,a);
if (ims.length>2){err(e);return false};
if (ims.length==2){rms=ims};
if (ims.length==1){rms="0"+ims};
if (b==-1){l=v.length-a-1}else{l=b-a-1}
ids=v.substr(a+1,l);
if (ids.length>2){err(e);return false}
if (ids.length==2){rds=ids}}
if (ids.length==1){rds="0"+ids}
if (b!=-1){iys=v.substr(b+1);
if ((iys.length!=2)&&(iys.length!=4)){
err(e);return false}
if (iys.length==2){
iyn=Number(iys);ncn=Number(nfs.substr(0,2))
if(iyn>(50+nfn-2000)){ncn=ncn-1}
rcs=ncn.toString();rys=iys}
if (iys.length==4){
rcs=iys.substr(0,2);rys=iys.substr(2,2)}}
else{rcs=nfs.substr(0,2);rys=nfs.substr(2,2);
tfn=new Date(rms+"/"+rds+"/"+rcs+rys);
x=1.5768E10;diff=tfn.valueOf()-ndd.valueOf();
if(diff>x){tfn=nfn-1;tfs=tfn.toString();
rcs=tfs.substr(0,2);rys=tfs.substr(2,2)}
if(diff<-x){tfn=nfn+1;tfs=tfn.toString();
rcs=tfs.substr(0,2);rys=tfs.substr(2,2)}}
rfs=rcs+rys;rfn=Number(rfs);
if((rfn%4==0 && rfn%100!=0)| |(rfn%400==0)){tda[1]=29}
rdn=Number(rds);rmn=Number(rms);
if ((rdn<1)| |(rdn>tda[rmn-1])){err(e);return false}
if ((rmn<1)| |(rmn>12)){err(e);return false}
e.value=rms+"/"+rds+"/"+rcs+rys;
return true;
function err(e){e.value="Invalid";e.focus();e.select()}

From this page:
http://www.webdeveloper.com/forum/archive/index.php/t-61259.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<meta name="Content-Script-Type"
content="text/javascript">
<meta name="Content-Style-Type" content="text/css">
<title>Example</title>
<script type="text/javascript">

</script>
<style type="text/css">

</style>
</head>
<body>
<form action="some-script.pl" onsubmit="return
check(this)">
<fieldset>
<legend>Dates</legend>
<label>Start Date<input name="start"
onchange="this.value = new Date
(this.value).toDateString()" type="text"></label>
<label>End Date<input name="end"
onchange="this.value = new Date
(this.value).toDateString()" type="text"></label>
<button type="submit">Submit</button>
</fieldset>
</form>
</body>
</html>
Ken Ford
Adobe Community Expert - Dreamweaver
Fordwebs, LLC
http://www.fordwebs.com
"jenn" <[email protected]> wrote in message
news:fva0ov$eqj$[email protected]..
> Hello,
> I have form with two date fields. The default for the
date 1 is the
> current
> date. Date 2 cannot be after date 1. Does anyone know of
a javascript
> that
> would validate this on the client side. I don't want
them to be allowed
> to hit
> submit if they don't the right date for date 2.
>
> Thanks for your help.
>

Jsf validation

Hi ,
I have got a problem here.Please help me solve this.
So its like this:
I have one jsp(jsf)page , it has many validators .and some validation i did manually in action method.
So the problem comes when validating when i clicked the save button first all the page level validation are validated and after giving correct value and saving again the validation message i gave are coming . So how can i get all message at a time.
Thanks

You can try this quick-and-dirty example:
<h:messages globalOnly="true">
   <h:message for="tag1" />
   <f:verbatim><br/></f:verbatim>
   <h:message for="tag2" />
   ... // add other messages here
</h:messages>Where tag1 and tag2 are id/name of your JSF tags on your form. However, I'm new to JSF so this may not be a best solution for you. You could give it a try and see how you go -:)

Is it possible to use a JSF Validator to perform a Dependency validation?

I'm new to JSF, but getting more and more experience everyday. I've create some custom validators for a few input fields on my form and they are working beautifully. What I can't figure out is how to write a validator that will check a field for a value based on another fields value. For instance, I would like to require a person to enter an address if they select a Yes / No select box indicating they would like to supply an address.
Does anyone know how I can do this? I've come up with a clunky work around by performing my dependency validations in my action page rather than a validator.
Thanks!!!!

Hi RaymondDeCampo.
I have never been a big fan of how JSF (and even Struts)handle forms both in the front (the view) and the back.
Forcing the developer to contend with writing a java class for each thinkable form does not look like a workable pattern to me. And tying the view (JSP or JSF page) tightly to the form classes and validators is also cumbersome.
In many decent applications, the number of forms grows to more than a tiny handful and so would the number of classes that simply act as dummy data carriers.
I do not see why I should have to maintain all the accompanying classes and validators and JSP code that each form comes with. Making changes to the structure of a form (say adding new fields or removing others, or even adding whole form pages into the sequence), modifying the model of a form (like renaming fields, adding new validation rules), or changing form view (e.g. switching from a list of checkboxes to a select dropdown, changing how and where error messages are presented, supporting a new language) are just some of those things that become tedious to maintain sentrally.
No other model of building forms out there makes the named tasks any simpler, aprt from adding a new level of complexity to the simple data collection purpose of web forms. Well, except Formular. I have had Formular working in JSF and Struts although I ended up ditching the JSF way of handling forms altogether.
I prefer good and solid separation of form components as outlined by Formular. Formular is the only API out that would allow me to migrate my forms from any Java web server to another without having to rewrite a line of code. Try upgrading your Struts form to JSF or vise versa and you'll get the idea of why I dropped the more hardwired way of coding web forms.
With Formular, I have created a repository of validators (for doing my form checks). datasources (for populating lists, radios, checkboxes, and combos), and styles (for laying out my form elements). Making modifications to my repositories, I can do site-wide changes without touching my JSPs or Java classes. I can move form messages from the top of ALL my forms and place them just above the offending fields in one single style file, I can swap the markers on optional fields and use them only on required fields if the business manager wants to in a single go, I can even change validation rules that are attached to several fields in different web forms at one instance (how many hours did we save when one client wanted all buttons in the site changed to GIFs and all phone and address fields in their application and survey forms validated a little different?)
Ack! Now It looks like I'm preaching, again so I'll hold myself.

How do I revise "if" syntax in form validation JavaScript?

I added a script to my "Contact" page to validate any submitted email. Just one problem: the visitor is not required to give me their reply email if they don't want to. I want the script to validate if they input an email, but do nothing if they leave that form field blank. This should be easy, but as a result of having gotten into the habit of avoiding Web desgn that relies on JavaScript, I don't have the know-how to fix a script when I decide it's needed! Link:
http://www.keithpurtell.com/kthings/mail02.htm

Just leave the conditional in but have it do nothing...
    if (fld.value == "") {
         // do nothing
    } else if (!emailFilter.test(tfld)) {         //test for illegal characters
        fld.style.background = 'Yellow';
        error = "Please enter a valid email address.\n";
    } else if (fld.value.match(illegalChars)) {
        fld.style.background = 'Yellow';
        error = "The email address contains illegal characters.\n";
    } else {
        fld.style.background = 'White';

Can't submit JSF using Javascript

I apologize if this is an obvious newbie question.
I have a simple JSF page with a component users can click on to select a number. Using Javascript, I populate a textbox with the number they select, then attempt to submit the form, also using Javascript. But this doesn't work.
The form submits and returns as though the user had submitted without a value in the textbox, and then their number appears in the textbox (it should be empty at this point).
The form works fine if I use Javascript only to set the value in the textbox and require the user to manually press the Submit button.
TIA for any help!

Sorry, this is in the wrong place (and I can't find a way to delete it). Please ignore.

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>

When i insert the menu.js file the validations(javascript) is not works

i write the following code into "menu.js" file ie. for menu bar its work finely. I write one jsp file in that i write the code for insert record with the validatations eg. check whether its number or not/ integer or not.
In this jsp file i include the .js file ie. menu.js.
============== In jsp file ===================
<table align=center width=100%>
     <tr>
          <td>
                    <script type='text/javascript' src='menu/menu.js'></script>
          </td>
     </tr>
</table>
=================================
But problem is this when i insert the above 5 or 6 lines into jsp file at run time validation script is not working and when i remove the
above code then validation script is works.
So experts i want works both means the menu and the validation script.

andy_surya wrote:
i write the following code into "menu.js" file ie. for menu bar its work finely. I write one jsp file in that i write the code for insert record with the validatations eg. check whether its number or not/ integer or not.
In this jsp file i include the .js file ie. menu.js.
============== In jsp file ===================
<table align=center width=100%>
     <tr>
          <td>
                    <script type='text/javascript' src='menu/menu.js'></script>
          </td>
     </tr>
</table>
=================================
But problem is this when i insert the above 5 or 6 lines into jsp file at run time validation script is not working and when i remove the
above code then validation script is works.
So experts i want works both means the menu and the validation script.Despite the confusion there seems to be in many threads (which is scary to me somehow) this forum is not about JavaScript.
You need to debug your JavaScript problem. I suggest starting by using Firefox and then using Tools->Error Console and see what's up. By your description you have two different JavaScripts with conflicting functions or something.

JSF Validation -Javascript

Similar Messages

Maybe you are looking for