Struts2 - textfield - required attribute doesn't work

[marco pavone]

Hi to all,
I use this code

 <s:textfield id="field1" name="field1" cssClass="classname" maxlength="20" required="true"/> 

and the following html code is generated:
<input id="field1" class="classname" type="text" value="" maxlength="20" name="field1">

Why I don't see the attribute required="required" in generated html?
Thanks to all.

[jatan bhavsar]

Hi Macro,

requried attribute will just put the asterisk sign in form. It will provide the mark * to you form field.

It will generate the

<span class="required">*</span>

when you set the required=true in the jsp.

Regards
Jatan

[marco pavone]

Thanks for your reply.
I checked out the generated html code and I don't see the span you mentioned or other * symbol, at least with "simple" struts theme.
The "required=true" seems to not have any effect...

[jatan bhavsar]

Hi Marco,

Can you please post your whole jsp Please?

Regards
Jatan

[marco pavone]

Sure.
You can find the required="true" at <s:textfield id="field1" .....
Thanks.

<%@ taglib prefix="s" uri="/struts-tags"%> <s:if test="fieldErrors['TODO'] != null"> <div class="centered"> <s:fielderror cssClass="fieldError"><s:param>TODO</s:param></s:fielderror> </div> </s:if> <div> <s:form id="registrationForm" name="registrationForm" method="POST" action="home_register" validate="true" > <fieldset class="genericFormFieldset"> <div id="registrationMainContent"> <div> <s:label cssClass="labelBig" value="%{getText('registrationPage.title')}" /> </div> <%-- FIELD1 --%> <div class="row"> <div class="col1"> <s:label value="%{getText('registrationPage.field1')}" /><s:label cssClass="label" value="%{getText('common.star')}" /> </div> <div class="cell"> <s:textfield id="field1" name="registration.field1" cssClass="largeTextField" maxlength="20" required="true" title="test"/> </div> </div> <div id="field1Tr" class="errorRow notVisible"> <div class="col2 fieldError"> <s:text name="registrationPage.fieldRequired"/> </div> </div> <s:if test="fieldErrors['TODO_field1NotValid'] != null"> <div id="field1ErrorDiv" class="col2"> <s:fielderror cssClass="fieldError"><s:param>TODO_field1NotValid</s:param></s:fielderror> </div> </s:if> <%-- ------------------------------------------------------ --%> <%-- FIELD2 --%> <div class="row"> <div class="col1"> <s:label value="%{getText('registrationPage.field2')}" /><s:label cssClass="label" value="%{getText('common.star')}" /> </div> <div class="cell"> <s:textfield id="field2" name="registration.field2" cssClass="largeTextField" maxlength="20"/> </div> </div> <div id="field2Tr" class="errorRow notVisible"> <div class="col2 fieldError"> <s:text name="registrationPage.fieldRequired"/> </div> </div> <s:if test="fieldErrors['TODO_field2NotValid'] != null"> <div id="field1ErrorDiv" class="col2"> <s:fielderror cssClass="fieldError"><s:param>TODO_field2NotValid</s:param></s:fielderror> </div> </s:if> <%-- ------------------------------------------------------ --%> <%-- FIELD3 --%> <div class="row"> <div class="col1"> <s:label value="%{getText('registrationPage.field3')}" /><s:label cssClass="label" value="%{getText('common.star')}" /> </div> <div class="cell"> <s:textfield id="field3" name="registration.field3" cssClass="largeTextField" maxlength="20"/> </div> </div> <div id="field3Tr" class="errorRow notVisible"> <div class="col2 fieldError"> <s:text name="registrationPage.fieldRequired"/> </div> </div> <s:if test="fieldErrors['TODO_field3NotValid'] != null"> <div id="field3ErrorDiv" class="col2"> <s:fielderror cssClass="fieldError"><s:param>TODO_field3NotValid</s:param></s:fielderror> </div> </s:if> <%-- ------------------------------------------------------ --%> <%-- FIELD4 --%> <div class="row"> <div class="col1"> <s:label value="%{getText('registrationPage.field4')}" /><s:label cssClass="label" value="%{getText('common.star')}" /> </div> <div class="cell"> <s:textfield id="field4" name="registration.field4" cssClass="largeTextField" maxlength="15"/> </div> </div> <div id="field4Tr" class="errorRow notVisible"> <div class="col2 fieldError"> <s:text name="registrationPage.fieldRequired"/> </div> </div> <s:if test="fieldErrors['TODO_field4NotValid'] != null"> <div id="field4ErrorDiv" class="col2"> <s:fielderror cssClass="fieldError"><s:param>TODO_field4NotValid</s:param></s:fielderror> </div> </s:if> <%-- ------------------------------------------------------ --%> <%-- CARD TYPE --%> <%-- <div class="row"> <div class="col1"> <s:label value="%{getText('registration_main_page.cardType')}" /><s:label cssClass="label" value="%{getText('common.star')}" /> </div> <div class="radioCell"> <s:radio id="creditRadio" list="#{'credit':''}" name="cardType" value="#{'credit':''}" /> <s:label value="%{getText('registration_main_page.cardType.credit')}" /> </div> <div class="radioCell"> <s:radio id="debitRadio" list="#{'debit':''}" name="cardType" /> <s:label value="%{getText('registration_main_page.cardType.debit')}" /> </div> </div> <s:if test="fieldErrors['cardTypeNotValid'] != null"> <div id="registrationCardTypeErrorDiv" class="col2"> <s:fielderror cssClass="fieldError"><s:param>cardTypeNotValid</s:param></s:fielderror> </div> </s:if> --%> <%-- ------------------------------------------------------ --%> <div id="ajaxMessages"></div> <div class="row"> <s:label cssClass="label" value="%{getText('common.star')}" />   <s:label cssClass="labelBlack" value="%{getText('common.label.mandatoryFields')}" /> </div> <div class="buttonsBox"> <%-- <div class="buttonCell"> <button class="buttonRed" type="button" onclick="goToPaymentLandingPage()" ><s:text name="registration_main_page.button.cancel"/></button> </div>--%> <span> <button class="buttonRed" type="button" onclick="registration_checkFields('registrationForm')"><s:text name="registration_main_page.button.submit"/></button> </span> </div> </div> <%-- <s:submit>Submit</s:submit> <s:reset>Reset</s:reset>--%> <%-- <div id="registrationCol2"> <div class="textRight"> <img src="images/PL_questionmark.png"/><a href="javascript:showHelpOverlay();"><span class="labelBigBlue"><s:text name="common.label.help"/></span></a> </div> </div> --%> </fieldset> </s:form> </div>

[jatan bhavsar]

Hi Marco,

<s:textfield id="field1" name="registration.field1" cssClass="largeTextField" maxlength="20" required="true" title="test"/>

put the label attribute in your textfield.. like

 <s:textfield id="field1" name="registration.field1" label="test1"  maxlength="20" required="true" /> 

. it will work and also you will be able to see the span and * in view source code.

Search in the apache site for the textfield and its attributes . you will get the answer.

Jatan