How do i fix a Bootstrap form validation problem for an email that is pushing down the label?
up vote
1
down vote
favorite
I am trying to fix a problem in a website in visual studio, that is using vb.net, asp.net and html, css, and bootstrap.
I have to have an input validation under the email addresses. One works currently but the one for union email keeps pushing down the input-group add on that has the label. I am attaching a picture. Please help.
<div class="row" id="employeephonerow" runat="server">
<div class="col-md-4" id="trtxtPhone" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Work Phone</span>
<asp:TextBox ID="txtPhone" runat="server" CssClass="form-control">
</asp:TextBox>
</div>
<asp:UpdatePanel ID="UpdatePanelPhoneVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<asp:RegularExpressionValidator ID="revPhone"
runat="server"
ControlToValidate="txtPhone"
Display="Dynamic"
ErrorMessage="Format for phone is 999-999-9999."
ValidationExpression="^[01]?[- .]?(([2-9]d2)|[2-9]d2)[- .]?d3[- .]?d4$" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="col-md-4" id="trtxtGrievantEmail" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Email</span>
<input class="form-control" runat="server" type="email" id="txtGrievantEmail" />
</div>
<asp:RegularExpressionValidator ID="revtxtGrievantEmail"
runat="server"
Enabled="true"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall"
Display="Dynamic"
ErrorMessage="Invalid email address" Font-Names="Verdana" SetFocusOnError="true"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$">
</asp:RegularExpressionValidator>
<%-- asp:RequiredFieldValidator--%>
<asp:RequiredFieldValidator ID="rfvtxtGrievantEmail"
runat="server"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall" display="Dynamic"
Enabled="true" ErrorMessage="Enter a Email"
Font-Names="Verdana" SetFocusOnError="false" validationgroup="vlgSubmit">
</asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Steward/Rep*</span>
<asp:TextBox ID="txtcboUnionRep" class="form-control" Style="" runat="server" ReadOnly="True" TabIndex="-1"></asp:TextBox>
<asp:TextBox ID="txtUnionRepID" class="form-control" Style="" runat="server" Visible="false" TabIndex="-1"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Email</span>
<asp:TextBox ID="txtUnionRepEmail" onchange="jsUnionRepEmail_TextChanged();" runat="server" CausesValidation="true" CssClass="form-control" Style=""></asp:TextBox>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false" style="margin-left: 5px;">
<Triggers>
<%--AsyncPostBackTrigger for union email--%>
<asp:AsyncPostBackTrigger ControlID="txtUnionRepEmail" EventName="TextChanged" />
</Triggers>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanelUemailVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<div>
<%-- RegularExpressionValidator for Union Email--%>
<asp:RegularExpressionValidator ID="revtxtUnionRepEmail" runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="true"
ErrorMessage="Invalid email address"
Font-Names="Verdana"
SetFocusOnError="false"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$"
Width="121px">
</asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="rfvtxtUnionRepEmail"
runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="True"
Enabled="true"
ErrorMessage="Enter an email address"
Font-Names="Verdana"
SetFocusOnError="false"
Width="148px"
validationgroup="vlgSubmit" >
</asp:RequiredFieldValidator>
</ContentTemplate>
</asp:UpdatePanel>
<asp:HiddenField ID="hdnUnionEmail" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
enter image description here
javascript asp.net vb.net visual-studio
New contributor
add a comment |
up vote
1
down vote
favorite
I am trying to fix a problem in a website in visual studio, that is using vb.net, asp.net and html, css, and bootstrap.
I have to have an input validation under the email addresses. One works currently but the one for union email keeps pushing down the input-group add on that has the label. I am attaching a picture. Please help.
<div class="row" id="employeephonerow" runat="server">
<div class="col-md-4" id="trtxtPhone" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Work Phone</span>
<asp:TextBox ID="txtPhone" runat="server" CssClass="form-control">
</asp:TextBox>
</div>
<asp:UpdatePanel ID="UpdatePanelPhoneVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<asp:RegularExpressionValidator ID="revPhone"
runat="server"
ControlToValidate="txtPhone"
Display="Dynamic"
ErrorMessage="Format for phone is 999-999-9999."
ValidationExpression="^[01]?[- .]?(([2-9]d2)|[2-9]d2)[- .]?d3[- .]?d4$" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="col-md-4" id="trtxtGrievantEmail" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Email</span>
<input class="form-control" runat="server" type="email" id="txtGrievantEmail" />
</div>
<asp:RegularExpressionValidator ID="revtxtGrievantEmail"
runat="server"
Enabled="true"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall"
Display="Dynamic"
ErrorMessage="Invalid email address" Font-Names="Verdana" SetFocusOnError="true"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$">
</asp:RegularExpressionValidator>
<%-- asp:RequiredFieldValidator--%>
<asp:RequiredFieldValidator ID="rfvtxtGrievantEmail"
runat="server"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall" display="Dynamic"
Enabled="true" ErrorMessage="Enter a Email"
Font-Names="Verdana" SetFocusOnError="false" validationgroup="vlgSubmit">
</asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Steward/Rep*</span>
<asp:TextBox ID="txtcboUnionRep" class="form-control" Style="" runat="server" ReadOnly="True" TabIndex="-1"></asp:TextBox>
<asp:TextBox ID="txtUnionRepID" class="form-control" Style="" runat="server" Visible="false" TabIndex="-1"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Email</span>
<asp:TextBox ID="txtUnionRepEmail" onchange="jsUnionRepEmail_TextChanged();" runat="server" CausesValidation="true" CssClass="form-control" Style=""></asp:TextBox>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false" style="margin-left: 5px;">
<Triggers>
<%--AsyncPostBackTrigger for union email--%>
<asp:AsyncPostBackTrigger ControlID="txtUnionRepEmail" EventName="TextChanged" />
</Triggers>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanelUemailVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<div>
<%-- RegularExpressionValidator for Union Email--%>
<asp:RegularExpressionValidator ID="revtxtUnionRepEmail" runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="true"
ErrorMessage="Invalid email address"
Font-Names="Verdana"
SetFocusOnError="false"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$"
Width="121px">
</asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="rfvtxtUnionRepEmail"
runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="True"
Enabled="true"
ErrorMessage="Enter an email address"
Font-Names="Verdana"
SetFocusOnError="false"
Width="148px"
validationgroup="vlgSubmit" >
</asp:RequiredFieldValidator>
</ContentTemplate>
</asp:UpdatePanel>
<asp:HiddenField ID="hdnUnionEmail" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
enter image description here
javascript asp.net vb.net visual-studio
New contributor
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
I am trying to fix a problem in a website in visual studio, that is using vb.net, asp.net and html, css, and bootstrap.
I have to have an input validation under the email addresses. One works currently but the one for union email keeps pushing down the input-group add on that has the label. I am attaching a picture. Please help.
<div class="row" id="employeephonerow" runat="server">
<div class="col-md-4" id="trtxtPhone" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Work Phone</span>
<asp:TextBox ID="txtPhone" runat="server" CssClass="form-control">
</asp:TextBox>
</div>
<asp:UpdatePanel ID="UpdatePanelPhoneVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<asp:RegularExpressionValidator ID="revPhone"
runat="server"
ControlToValidate="txtPhone"
Display="Dynamic"
ErrorMessage="Format for phone is 999-999-9999."
ValidationExpression="^[01]?[- .]?(([2-9]d2)|[2-9]d2)[- .]?d3[- .]?d4$" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="col-md-4" id="trtxtGrievantEmail" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Email</span>
<input class="form-control" runat="server" type="email" id="txtGrievantEmail" />
</div>
<asp:RegularExpressionValidator ID="revtxtGrievantEmail"
runat="server"
Enabled="true"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall"
Display="Dynamic"
ErrorMessage="Invalid email address" Font-Names="Verdana" SetFocusOnError="true"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$">
</asp:RegularExpressionValidator>
<%-- asp:RequiredFieldValidator--%>
<asp:RequiredFieldValidator ID="rfvtxtGrievantEmail"
runat="server"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall" display="Dynamic"
Enabled="true" ErrorMessage="Enter a Email"
Font-Names="Verdana" SetFocusOnError="false" validationgroup="vlgSubmit">
</asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Steward/Rep*</span>
<asp:TextBox ID="txtcboUnionRep" class="form-control" Style="" runat="server" ReadOnly="True" TabIndex="-1"></asp:TextBox>
<asp:TextBox ID="txtUnionRepID" class="form-control" Style="" runat="server" Visible="false" TabIndex="-1"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Email</span>
<asp:TextBox ID="txtUnionRepEmail" onchange="jsUnionRepEmail_TextChanged();" runat="server" CausesValidation="true" CssClass="form-control" Style=""></asp:TextBox>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false" style="margin-left: 5px;">
<Triggers>
<%--AsyncPostBackTrigger for union email--%>
<asp:AsyncPostBackTrigger ControlID="txtUnionRepEmail" EventName="TextChanged" />
</Triggers>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanelUemailVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<div>
<%-- RegularExpressionValidator for Union Email--%>
<asp:RegularExpressionValidator ID="revtxtUnionRepEmail" runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="true"
ErrorMessage="Invalid email address"
Font-Names="Verdana"
SetFocusOnError="false"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$"
Width="121px">
</asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="rfvtxtUnionRepEmail"
runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="True"
Enabled="true"
ErrorMessage="Enter an email address"
Font-Names="Verdana"
SetFocusOnError="false"
Width="148px"
validationgroup="vlgSubmit" >
</asp:RequiredFieldValidator>
</ContentTemplate>
</asp:UpdatePanel>
<asp:HiddenField ID="hdnUnionEmail" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
enter image description here
javascript asp.net vb.net visual-studio
New contributor
I am trying to fix a problem in a website in visual studio, that is using vb.net, asp.net and html, css, and bootstrap.
I have to have an input validation under the email addresses. One works currently but the one for union email keeps pushing down the input-group add on that has the label. I am attaching a picture. Please help.
<div class="row" id="employeephonerow" runat="server">
<div class="col-md-4" id="trtxtPhone" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Work Phone</span>
<asp:TextBox ID="txtPhone" runat="server" CssClass="form-control">
</asp:TextBox>
</div>
<asp:UpdatePanel ID="UpdatePanelPhoneVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<asp:RegularExpressionValidator ID="revPhone"
runat="server"
ControlToValidate="txtPhone"
Display="Dynamic"
ErrorMessage="Format for phone is 999-999-9999."
ValidationExpression="^[01]?[- .]?(([2-9]d2)|[2-9]d2)[- .]?d3[- .]?d4$" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="col-md-4" id="trtxtGrievantEmail" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Email</span>
<input class="form-control" runat="server" type="email" id="txtGrievantEmail" />
</div>
<asp:RegularExpressionValidator ID="revtxtGrievantEmail"
runat="server"
Enabled="true"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall"
Display="Dynamic"
ErrorMessage="Invalid email address" Font-Names="Verdana" SetFocusOnError="true"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$">
</asp:RegularExpressionValidator>
<%-- asp:RequiredFieldValidator--%>
<asp:RequiredFieldValidator ID="rfvtxtGrievantEmail"
runat="server"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall" display="Dynamic"
Enabled="true" ErrorMessage="Enter a Email"
Font-Names="Verdana" SetFocusOnError="false" validationgroup="vlgSubmit">
</asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Steward/Rep*</span>
<asp:TextBox ID="txtcboUnionRep" class="form-control" Style="" runat="server" ReadOnly="True" TabIndex="-1"></asp:TextBox>
<asp:TextBox ID="txtUnionRepID" class="form-control" Style="" runat="server" Visible="false" TabIndex="-1"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Email</span>
<asp:TextBox ID="txtUnionRepEmail" onchange="jsUnionRepEmail_TextChanged();" runat="server" CausesValidation="true" CssClass="form-control" Style=""></asp:TextBox>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false" style="margin-left: 5px;">
<Triggers>
<%--AsyncPostBackTrigger for union email--%>
<asp:AsyncPostBackTrigger ControlID="txtUnionRepEmail" EventName="TextChanged" />
</Triggers>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanelUemailVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<div>
<%-- RegularExpressionValidator for Union Email--%>
<asp:RegularExpressionValidator ID="revtxtUnionRepEmail" runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="true"
ErrorMessage="Invalid email address"
Font-Names="Verdana"
SetFocusOnError="false"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$"
Width="121px">
</asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="rfvtxtUnionRepEmail"
runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="True"
Enabled="true"
ErrorMessage="Enter an email address"
Font-Names="Verdana"
SetFocusOnError="false"
Width="148px"
validationgroup="vlgSubmit" >
</asp:RequiredFieldValidator>
</ContentTemplate>
</asp:UpdatePanel>
<asp:HiddenField ID="hdnUnionEmail" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
enter image description here
javascript asp.net vb.net visual-studio
javascript asp.net vb.net visual-studio
New contributor
New contributor
edited yesterday
New contributor
asked yesterday
Awekelion
62
62
New contributor
New contributor
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
Try to add height
to .input-group-addon
and on #rfvtxtUnionRepEmail
add disply:block; width:100%; text-align:left;
or add an empty div after #rfvtxtUnionRepEmail
with clear:both;
or try this
<div class="row" id="employeephonerow" runat="server">
<div class="col-md-4" id="trtxtPhone" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Work Phone</span>
<asp:TextBox ID="txtPhone" runat="server" CssClass="form-control">
</asp:TextBox>
</div>
<asp:UpdatePanel ID="UpdatePanelPhoneVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<asp:RegularExpressionValidator ID="revPhone"
runat="server"
ControlToValidate="txtPhone"
Display="Dynamic"
ErrorMessage="Format for phone is 999-999-9999."
ValidationExpression="^[01]?[- .]?(([2-9]d2)|[2-9]d2)[- .]?d3[- .]?d4$" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="col-md-4" id="trtxtGrievantEmail" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Email</span>
<input class="form-control" runat="server" type="email" id="txtGrievantEmail" />
</div>
<asp:RegularExpressionValidator ID="revtxtGrievantEmail"
runat="server"
Enabled="true"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall"
Display="Dynamic"
ErrorMessage="Invalid email address" Font-Names="Verdana" SetFocusOnError="true"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$">
</asp:RegularExpressionValidator>
<%-- asp:RequiredFieldValidator--%>
<asp:RequiredFieldValidator ID="rfvtxtGrievantEmail"
runat="server"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall" display="Dynamic"
Enabled="true" ErrorMessage="Enter a Email"
Font-Names="Verdana" SetFocusOnError="false" validationgroup="vlgSubmit">
</asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Steward/Rep*</span>
<asp:TextBox ID="txtcboUnionRep" class="form-control" Style="" runat="server" ReadOnly="True" TabIndex="-1"></asp:TextBox>
<asp:TextBox ID="txtUnionRepID" class="form-control" Style="" runat="server" Visible="false" TabIndex="-1"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Email</span>
<asp:TextBox ID="txtUnionRepEmail" onchange="jsUnionRepEmail_TextChanged();" runat="server" CausesValidation="true" CssClass="form-control" Style=""></asp:TextBox>
</div>
<div class="input-group">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false" style="margin-left: 5px;">
<Triggers>
<%--AsyncPostBackTrigger for union email--%>
<asp:AsyncPostBackTrigger ControlID="txtUnionRepEmail" EventName="TextChanged" />
</Triggers>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanelUemailVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<div>
<%-- RegularExpressionValidator for Union Email--%>
<asp:RegularExpressionValidator ID="revtxtUnionRepEmail" runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="true"
ErrorMessage="Invalid email address"
Font-Names="Verdana"
SetFocusOnError="false"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$"
Width="121px">
</asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="rfvtxtUnionRepEmail"
runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="True"
Enabled="true"
ErrorMessage="Enter an email address"
Font-Names="Verdana"
SetFocusOnError="false"
Width="148px"
validationgroup="vlgSubmit" >
</asp:RequiredFieldValidator>
</ContentTemplate>
</asp:UpdatePanel>
<asp:HiddenField ID="hdnUnionEmail" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
let me know
New contributor
thanks but that doesnt work.
– Awekelion
yesterday
can someone help ???
– Awekelion
yesterday
I have updated my answer
– Delta
18 hours ago
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
Try to add height
to .input-group-addon
and on #rfvtxtUnionRepEmail
add disply:block; width:100%; text-align:left;
or add an empty div after #rfvtxtUnionRepEmail
with clear:both;
or try this
<div class="row" id="employeephonerow" runat="server">
<div class="col-md-4" id="trtxtPhone" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Work Phone</span>
<asp:TextBox ID="txtPhone" runat="server" CssClass="form-control">
</asp:TextBox>
</div>
<asp:UpdatePanel ID="UpdatePanelPhoneVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<asp:RegularExpressionValidator ID="revPhone"
runat="server"
ControlToValidate="txtPhone"
Display="Dynamic"
ErrorMessage="Format for phone is 999-999-9999."
ValidationExpression="^[01]?[- .]?(([2-9]d2)|[2-9]d2)[- .]?d3[- .]?d4$" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="col-md-4" id="trtxtGrievantEmail" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Email</span>
<input class="form-control" runat="server" type="email" id="txtGrievantEmail" />
</div>
<asp:RegularExpressionValidator ID="revtxtGrievantEmail"
runat="server"
Enabled="true"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall"
Display="Dynamic"
ErrorMessage="Invalid email address" Font-Names="Verdana" SetFocusOnError="true"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$">
</asp:RegularExpressionValidator>
<%-- asp:RequiredFieldValidator--%>
<asp:RequiredFieldValidator ID="rfvtxtGrievantEmail"
runat="server"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall" display="Dynamic"
Enabled="true" ErrorMessage="Enter a Email"
Font-Names="Verdana" SetFocusOnError="false" validationgroup="vlgSubmit">
</asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Steward/Rep*</span>
<asp:TextBox ID="txtcboUnionRep" class="form-control" Style="" runat="server" ReadOnly="True" TabIndex="-1"></asp:TextBox>
<asp:TextBox ID="txtUnionRepID" class="form-control" Style="" runat="server" Visible="false" TabIndex="-1"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Email</span>
<asp:TextBox ID="txtUnionRepEmail" onchange="jsUnionRepEmail_TextChanged();" runat="server" CausesValidation="true" CssClass="form-control" Style=""></asp:TextBox>
</div>
<div class="input-group">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false" style="margin-left: 5px;">
<Triggers>
<%--AsyncPostBackTrigger for union email--%>
<asp:AsyncPostBackTrigger ControlID="txtUnionRepEmail" EventName="TextChanged" />
</Triggers>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanelUemailVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<div>
<%-- RegularExpressionValidator for Union Email--%>
<asp:RegularExpressionValidator ID="revtxtUnionRepEmail" runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="true"
ErrorMessage="Invalid email address"
Font-Names="Verdana"
SetFocusOnError="false"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$"
Width="121px">
</asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="rfvtxtUnionRepEmail"
runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="True"
Enabled="true"
ErrorMessage="Enter an email address"
Font-Names="Verdana"
SetFocusOnError="false"
Width="148px"
validationgroup="vlgSubmit" >
</asp:RequiredFieldValidator>
</ContentTemplate>
</asp:UpdatePanel>
<asp:HiddenField ID="hdnUnionEmail" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
let me know
New contributor
thanks but that doesnt work.
– Awekelion
yesterday
can someone help ???
– Awekelion
yesterday
I have updated my answer
– Delta
18 hours ago
add a comment |
up vote
0
down vote
Try to add height
to .input-group-addon
and on #rfvtxtUnionRepEmail
add disply:block; width:100%; text-align:left;
or add an empty div after #rfvtxtUnionRepEmail
with clear:both;
or try this
<div class="row" id="employeephonerow" runat="server">
<div class="col-md-4" id="trtxtPhone" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Work Phone</span>
<asp:TextBox ID="txtPhone" runat="server" CssClass="form-control">
</asp:TextBox>
</div>
<asp:UpdatePanel ID="UpdatePanelPhoneVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<asp:RegularExpressionValidator ID="revPhone"
runat="server"
ControlToValidate="txtPhone"
Display="Dynamic"
ErrorMessage="Format for phone is 999-999-9999."
ValidationExpression="^[01]?[- .]?(([2-9]d2)|[2-9]d2)[- .]?d3[- .]?d4$" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="col-md-4" id="trtxtGrievantEmail" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Email</span>
<input class="form-control" runat="server" type="email" id="txtGrievantEmail" />
</div>
<asp:RegularExpressionValidator ID="revtxtGrievantEmail"
runat="server"
Enabled="true"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall"
Display="Dynamic"
ErrorMessage="Invalid email address" Font-Names="Verdana" SetFocusOnError="true"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$">
</asp:RegularExpressionValidator>
<%-- asp:RequiredFieldValidator--%>
<asp:RequiredFieldValidator ID="rfvtxtGrievantEmail"
runat="server"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall" display="Dynamic"
Enabled="true" ErrorMessage="Enter a Email"
Font-Names="Verdana" SetFocusOnError="false" validationgroup="vlgSubmit">
</asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Steward/Rep*</span>
<asp:TextBox ID="txtcboUnionRep" class="form-control" Style="" runat="server" ReadOnly="True" TabIndex="-1"></asp:TextBox>
<asp:TextBox ID="txtUnionRepID" class="form-control" Style="" runat="server" Visible="false" TabIndex="-1"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Email</span>
<asp:TextBox ID="txtUnionRepEmail" onchange="jsUnionRepEmail_TextChanged();" runat="server" CausesValidation="true" CssClass="form-control" Style=""></asp:TextBox>
</div>
<div class="input-group">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false" style="margin-left: 5px;">
<Triggers>
<%--AsyncPostBackTrigger for union email--%>
<asp:AsyncPostBackTrigger ControlID="txtUnionRepEmail" EventName="TextChanged" />
</Triggers>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanelUemailVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<div>
<%-- RegularExpressionValidator for Union Email--%>
<asp:RegularExpressionValidator ID="revtxtUnionRepEmail" runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="true"
ErrorMessage="Invalid email address"
Font-Names="Verdana"
SetFocusOnError="false"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$"
Width="121px">
</asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="rfvtxtUnionRepEmail"
runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="True"
Enabled="true"
ErrorMessage="Enter an email address"
Font-Names="Verdana"
SetFocusOnError="false"
Width="148px"
validationgroup="vlgSubmit" >
</asp:RequiredFieldValidator>
</ContentTemplate>
</asp:UpdatePanel>
<asp:HiddenField ID="hdnUnionEmail" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
let me know
New contributor
thanks but that doesnt work.
– Awekelion
yesterday
can someone help ???
– Awekelion
yesterday
I have updated my answer
– Delta
18 hours ago
add a comment |
up vote
0
down vote
up vote
0
down vote
Try to add height
to .input-group-addon
and on #rfvtxtUnionRepEmail
add disply:block; width:100%; text-align:left;
or add an empty div after #rfvtxtUnionRepEmail
with clear:both;
or try this
<div class="row" id="employeephonerow" runat="server">
<div class="col-md-4" id="trtxtPhone" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Work Phone</span>
<asp:TextBox ID="txtPhone" runat="server" CssClass="form-control">
</asp:TextBox>
</div>
<asp:UpdatePanel ID="UpdatePanelPhoneVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<asp:RegularExpressionValidator ID="revPhone"
runat="server"
ControlToValidate="txtPhone"
Display="Dynamic"
ErrorMessage="Format for phone is 999-999-9999."
ValidationExpression="^[01]?[- .]?(([2-9]d2)|[2-9]d2)[- .]?d3[- .]?d4$" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="col-md-4" id="trtxtGrievantEmail" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Email</span>
<input class="form-control" runat="server" type="email" id="txtGrievantEmail" />
</div>
<asp:RegularExpressionValidator ID="revtxtGrievantEmail"
runat="server"
Enabled="true"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall"
Display="Dynamic"
ErrorMessage="Invalid email address" Font-Names="Verdana" SetFocusOnError="true"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$">
</asp:RegularExpressionValidator>
<%-- asp:RequiredFieldValidator--%>
<asp:RequiredFieldValidator ID="rfvtxtGrievantEmail"
runat="server"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall" display="Dynamic"
Enabled="true" ErrorMessage="Enter a Email"
Font-Names="Verdana" SetFocusOnError="false" validationgroup="vlgSubmit">
</asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Steward/Rep*</span>
<asp:TextBox ID="txtcboUnionRep" class="form-control" Style="" runat="server" ReadOnly="True" TabIndex="-1"></asp:TextBox>
<asp:TextBox ID="txtUnionRepID" class="form-control" Style="" runat="server" Visible="false" TabIndex="-1"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Email</span>
<asp:TextBox ID="txtUnionRepEmail" onchange="jsUnionRepEmail_TextChanged();" runat="server" CausesValidation="true" CssClass="form-control" Style=""></asp:TextBox>
</div>
<div class="input-group">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false" style="margin-left: 5px;">
<Triggers>
<%--AsyncPostBackTrigger for union email--%>
<asp:AsyncPostBackTrigger ControlID="txtUnionRepEmail" EventName="TextChanged" />
</Triggers>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanelUemailVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<div>
<%-- RegularExpressionValidator for Union Email--%>
<asp:RegularExpressionValidator ID="revtxtUnionRepEmail" runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="true"
ErrorMessage="Invalid email address"
Font-Names="Verdana"
SetFocusOnError="false"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$"
Width="121px">
</asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="rfvtxtUnionRepEmail"
runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="True"
Enabled="true"
ErrorMessage="Enter an email address"
Font-Names="Verdana"
SetFocusOnError="false"
Width="148px"
validationgroup="vlgSubmit" >
</asp:RequiredFieldValidator>
</ContentTemplate>
</asp:UpdatePanel>
<asp:HiddenField ID="hdnUnionEmail" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
let me know
New contributor
Try to add height
to .input-group-addon
and on #rfvtxtUnionRepEmail
add disply:block; width:100%; text-align:left;
or add an empty div after #rfvtxtUnionRepEmail
with clear:both;
or try this
<div class="row" id="employeephonerow" runat="server">
<div class="col-md-4" id="trtxtPhone" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Work Phone</span>
<asp:TextBox ID="txtPhone" runat="server" CssClass="form-control">
</asp:TextBox>
</div>
<asp:UpdatePanel ID="UpdatePanelPhoneVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<asp:RegularExpressionValidator ID="revPhone"
runat="server"
ControlToValidate="txtPhone"
Display="Dynamic"
ErrorMessage="Format for phone is 999-999-9999."
ValidationExpression="^[01]?[- .]?(([2-9]d2)|[2-9]d2)[- .]?d3[- .]?d4$" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="col-md-4" id="trtxtGrievantEmail" runat="server">
<div class="input-group">
<span class="input-group-addon">Employee Email</span>
<input class="form-control" runat="server" type="email" id="txtGrievantEmail" />
</div>
<asp:RegularExpressionValidator ID="revtxtGrievantEmail"
runat="server"
Enabled="true"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall"
Display="Dynamic"
ErrorMessage="Invalid email address" Font-Names="Verdana" SetFocusOnError="true"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$">
</asp:RegularExpressionValidator>
<%-- asp:RequiredFieldValidator--%>
<asp:RequiredFieldValidator ID="rfvtxtGrievantEmail"
runat="server"
ControlToValidate="txtGrievantEmail" CssClass="tdTextRedSmall" display="Dynamic"
Enabled="true" ErrorMessage="Enter a Email"
Font-Names="Verdana" SetFocusOnError="false" validationgroup="vlgSubmit">
</asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Steward/Rep*</span>
<asp:TextBox ID="txtcboUnionRep" class="form-control" Style="" runat="server" ReadOnly="True" TabIndex="-1"></asp:TextBox>
<asp:TextBox ID="txtUnionRepID" class="form-control" Style="" runat="server" Visible="false" TabIndex="-1"></asp:TextBox>
</div>
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">Union Email</span>
<asp:TextBox ID="txtUnionRepEmail" onchange="jsUnionRepEmail_TextChanged();" runat="server" CausesValidation="true" CssClass="form-control" Style=""></asp:TextBox>
</div>
<div class="input-group">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false" style="margin-left: 5px;">
<Triggers>
<%--AsyncPostBackTrigger for union email--%>
<asp:AsyncPostBackTrigger ControlID="txtUnionRepEmail" EventName="TextChanged" />
</Triggers>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanelUemailVal" runat="server" UpdateMode="conditional">
<ContentTemplate>
<div>
<%-- RegularExpressionValidator for Union Email--%>
<asp:RegularExpressionValidator ID="revtxtUnionRepEmail" runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="true"
ErrorMessage="Invalid email address"
Font-Names="Verdana"
SetFocusOnError="false"
ValidationExpression="^[a-zA-Z][w.-]*[a-zA-Z0-9]@[a-zA-Z0-9][w.-]*[a-zA-Z0-9].[a-zA-Z][a-zA-Z.]*[a-zA-Z]$"
Width="121px">
</asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="rfvtxtUnionRepEmail"
runat="server"
ControlToValidate="txtUnionRepEmail"
CssClass="tdTextRedSmall"
Display="Dynamic"
EnableClientScript="True"
Enabled="true"
ErrorMessage="Enter an email address"
Font-Names="Verdana"
SetFocusOnError="false"
Width="148px"
validationgroup="vlgSubmit" >
</asp:RequiredFieldValidator>
</ContentTemplate>
</asp:UpdatePanel>
<asp:HiddenField ID="hdnUnionEmail" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
let me know
New contributor
edited 18 hours ago
New contributor
answered yesterday
Delta
13
13
New contributor
New contributor
thanks but that doesnt work.
– Awekelion
yesterday
can someone help ???
– Awekelion
yesterday
I have updated my answer
– Delta
18 hours ago
add a comment |
thanks but that doesnt work.
– Awekelion
yesterday
can someone help ???
– Awekelion
yesterday
I have updated my answer
– Delta
18 hours ago
thanks but that doesnt work.
– Awekelion
yesterday
thanks but that doesnt work.
– Awekelion
yesterday
can someone help ???
– Awekelion
yesterday
can someone help ???
– Awekelion
yesterday
I have updated my answer
– Delta
18 hours ago
I have updated my answer
– Delta
18 hours ago
add a comment |
Awekelion is a new contributor. Be nice, and check out our Code of Conduct.
Awekelion is a new contributor. Be nice, and check out our Code of Conduct.
Awekelion is a new contributor. Be nice, and check out our Code of Conduct.
Awekelion is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53192423%2fhow-do-i-fix-a-bootstrap-form-validation-problem-for-an-email-that-is-pushing-do%23new-answer', 'question_page');
);
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password