By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
449,042 Members | 1,047 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 449,042 IT Pros & Developers. It's quick & easy.

Validator & Layout problem

P: n/a
hey

asp.net 2.0

I'm trying to create a web page where users can register to my web portal.
But I've run into a layout problem when using the data validator classes.
The problem is that the error message is not displayed on the same row as
the control it's validating. Check this link and you see an example of the
problem: http://home.online.no/~au-holme/pub/14506/problem.GIF the text
"Password and confirm password must match" is not displayed on the same row
as the control it is set to validate. And also the error isn't left
aligned, but HorizontalAlign is set to "Left" - so I hoped the text should
be left aligned

What am I doing wrong here?

Below are the markup of my problem table

<asp:Table ID="Table1" runat="server" CellPadding="2" Width="100%"
BorderStyle="Solid" BorderColor="Green" BorderWidth="2">
<asp:TableRow>
<asp:TableCell CssClass="fieldname"
Width="180">UserName:</asp:TableCell>
<asp:TableCell Width="200" ><asp:TextBox ID="UserName" runat="server"
Width="200" /></asp:TableCell>
<asp:TableCell HorizontalAlign="Left" Width="220px">
<asp:RequiredFieldValidator ID="valRequireUserName" runat="server"
ControlToValidate="UserName" SetFocusOnError="true" Display="Dynamic"
ErrorMessage="Username is required." ToolTip="Username is required."
ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
</asp:TableCell>
</asp:TableRow>

<asp:TableRow>
<asp:TableCell CssClass="fieldname" Width="180" BorderStyle="Solid"
BorderColor="BlueViolet" BorderWidth="2">Password:</asp:TableCell>
<asp:TableCell Width="200" BorderStyle="Solid" BorderWidth="2"
BorderColor="DarkRed"><asp:TextBox ID="Password" runat="server"
TextMode="Password" Width="200" /></asp:TableCell>
<asp:TableCell HorizontalAlign="Left" Width="220px">
<asp:RequiredFieldValidator ID="valRequiredPassword" runat="server"
ErrorMessage="Password is required" ValidationGroup="CreateUserWizard1"
ControlToValidate="password"></asp:RequiredFieldValidator>
<%--<asp:RegularExpressionValidator ID="valPasswordLength" runat="server"
ErrorMessage="Password too short" Display="Dynamic"
ValidationGroup="CreateUserWizard1" ControlToValidate="Password"
ValidationExpression="\w{5,}"></asp:RegularExpressionValidator>--%>
</asp:TableCell>
</asp:TableRow>

<asp:TableRow>
<asp:TableCell CssClass="fieldname" Width="180">Confirm
password:</asp:TableCell>
<asp:TableCell Width="200" BorderStyle="Solid" BorderColor="CadetBlue"
BorderWidth="2"><asp:TextBox ID="Confirmpassword" runat="server"
TextMode="Password" Width="200" /></asp:TableCell>
<asp:TableCell HorizontalAlign="Left" Width="220px" BorderStyle="Solid"
BorderColor="Beige" BorderWidth="2">
<asp:RequiredFieldValidator ID="valRequiredConfirmPassword" runat="server"
ErrorMessage="Confirm password is required"
ControlToValidate="Confirmpassword"
ValidationGroup="CreateUserWizard1"></asp:RequiredFieldValidator>
<asp:CompareValidator ID="valComparePasswords" runat="server"
ErrorMessage="Password and confirm password must match"
ValidationGroup="CreateUserWizard1" ControlToCompare="Password"
SetFocusOnError="true"
ControlToValidate="Confirmpassword"></asp:CompareValidator>
</asp:TableCell>
</asp:TableRow>

<asp:TableRow>
<asp:TableCell CssClass="fieldname" Width="180" BorderColor="Red"
BorderStyle="Solid" BorderWidth="2">E-mail:</asp:TableCell>
<asp:TableCell Width="200"><asp:TextBox ID="Email" runat="server"
Width="200" /></asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="valRequireEmail" runat="server"
ErrorMessage="E-mail is required" ControlToValidate="Email"
ValidationGroup="CreateUserWizard1"
SetFocusOnError="true"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="valEmailPattern" runat="server"
ErrorMessage="The E-mail is not well-formed" Display="Dynamic"
ControlToValidate="Email" ValidationGroup="CreateUserWizard1"
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell CssClass="fieldname" Width="180">Security
question:</asp:TableCell>
<asp:TableCell Width="200"><asp:TextBox ID="Question" runat="server"
Width="200" /></asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="valRequireQuestion" runat="server"
ErrorMessage="Security question is required"
ValidationGroup="CreateUserWizard1" ControlToValidate="Question"
SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator>
</asp:TableCell>
</asp:TableRow>

<asp:TableRow>
<asp:TableCell CssClass="fieldname" Width="180" BorderColor="Brown"
BorderStyle="Solid" BorderWidth="2">Security answer:</asp:TableCell>
<asp:TableCell Width="200"><asp:TextBox ID="Answer" runat="server"
Width="200" /></asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="valRequireAnswar" runat="server"
ErrorMessage="Security answer is required" Display="Dynamic"
SetFocusOnError="true" ValidationGroup="CreateUserWizard1"
ControlToValidate="Answer"></asp:RequiredFieldValidator>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
Nov 9 '06 #1
Share this Question
Share on Google+
1 Reply


P: n/a
I've solved it, well I had to redesign the layout.
"Jeff" <it************@hotmail.com.NOSPAMwrote in message
news:ei**************@TK2MSFTNGP03.phx.gbl...
hey

asp.net 2.0

I'm trying to create a web page where users can register to my web portal.
But I've run into a layout problem when using the data validator classes.
The problem is that the error message is not displayed on the same row as
the control it's validating. Check this link and you see an example of the
problem: http://home.online.no/~au-holme/pub/14506/problem.GIF the text
"Password and confirm password must match" is not displayed on the same
row as the control it is set to validate. And also the error isn't left
aligned, but HorizontalAlign is set to "Left" - so I hoped the text should
be left aligned

What am I doing wrong here?

Below are the markup of my problem table

<asp:Table ID="Table1" runat="server" CellPadding="2" Width="100%"
BorderStyle="Solid" BorderColor="Green" BorderWidth="2">
<asp:TableRow>
<asp:TableCell CssClass="fieldname"
Width="180">UserName:</asp:TableCell>
<asp:TableCell Width="200" ><asp:TextBox ID="UserName" runat="server"
Width="200" /></asp:TableCell>
<asp:TableCell HorizontalAlign="Left" Width="220px">
<asp:RequiredFieldValidator ID="valRequireUserName" runat="server"
ControlToValidate="UserName" SetFocusOnError="true" Display="Dynamic"
ErrorMessage="Username is required." ToolTip="Username is required."
ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
</asp:TableCell>
</asp:TableRow>

<asp:TableRow>
<asp:TableCell CssClass="fieldname" Width="180" BorderStyle="Solid"
BorderColor="BlueViolet" BorderWidth="2">Password:</asp:TableCell>
<asp:TableCell Width="200" BorderStyle="Solid" BorderWidth="2"
BorderColor="DarkRed"><asp:TextBox ID="Password" runat="server"
TextMode="Password" Width="200" /></asp:TableCell>
<asp:TableCell HorizontalAlign="Left" Width="220px">
<asp:RequiredFieldValidator ID="valRequiredPassword" runat="server"
ErrorMessage="Password is required" ValidationGroup="CreateUserWizard1"
ControlToValidate="password"></asp:RequiredFieldValidator>
<%--<asp:RegularExpressionValidator ID="valPasswordLength" runat="server"
ErrorMessage="Password too short" Display="Dynamic"
ValidationGroup="CreateUserWizard1" ControlToValidate="Password"
ValidationExpression="\w{5,}"></asp:RegularExpressionValidator>--%>
</asp:TableCell>
</asp:TableRow>

<asp:TableRow>
<asp:TableCell CssClass="fieldname" Width="180">Confirm
password:</asp:TableCell>
<asp:TableCell Width="200" BorderStyle="Solid" BorderColor="CadetBlue"
BorderWidth="2"><asp:TextBox ID="Confirmpassword" runat="server"
TextMode="Password" Width="200" /></asp:TableCell>
<asp:TableCell HorizontalAlign="Left" Width="220px" BorderStyle="Solid"
BorderColor="Beige" BorderWidth="2">
<asp:RequiredFieldValidator ID="valRequiredConfirmPassword" runat="server"
ErrorMessage="Confirm password is required"
ControlToValidate="Confirmpassword"
ValidationGroup="CreateUserWizard1"></asp:RequiredFieldValidator>
<asp:CompareValidator ID="valComparePasswords" runat="server"
ErrorMessage="Password and confirm password must match"
ValidationGroup="CreateUserWizard1" ControlToCompare="Password"
SetFocusOnError="true"
ControlToValidate="Confirmpassword"></asp:CompareValidator>
</asp:TableCell>
</asp:TableRow>

<asp:TableRow>
<asp:TableCell CssClass="fieldname" Width="180" BorderColor="Red"
BorderStyle="Solid" BorderWidth="2">E-mail:</asp:TableCell>
<asp:TableCell Width="200"><asp:TextBox ID="Email" runat="server"
Width="200" /></asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="valRequireEmail" runat="server"
ErrorMessage="E-mail is required" ControlToValidate="Email"
ValidationGroup="CreateUserWizard1"
SetFocusOnError="true"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="valEmailPattern" runat="server"
ErrorMessage="The E-mail is not well-formed" Display="Dynamic"
ControlToValidate="Email" ValidationGroup="CreateUserWizard1"
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell CssClass="fieldname" Width="180">Security
question:</asp:TableCell>
<asp:TableCell Width="200"><asp:TextBox ID="Question" runat="server"
Width="200" /></asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="valRequireQuestion" runat="server"
ErrorMessage="Security question is required"
ValidationGroup="CreateUserWizard1" ControlToValidate="Question"
SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator>
</asp:TableCell>
</asp:TableRow>

<asp:TableRow>
<asp:TableCell CssClass="fieldname" Width="180" BorderColor="Brown"
BorderStyle="Solid" BorderWidth="2">Security answer:</asp:TableCell>
<asp:TableCell Width="200"><asp:TextBox ID="Answer" runat="server"
Width="200" /></asp:TableCell>
<asp:TableCell>
<asp:RequiredFieldValidator ID="valRequireAnswar" runat="server"
ErrorMessage="Security answer is required" Display="Dynamic"
SetFocusOnError="true" ValidationGroup="CreateUserWizard1"
ControlToValidate="Answer"></asp:RequiredFieldValidator>
</asp:TableCell>
</asp:TableRow>
</asp:Table>

Nov 9 '06 #2

This discussion thread is closed

Replies have been disabled for this discussion.