Regularexpressionvalidator不';不能在asp.net更新面板上工作
我正在处理asp.net web表单。在ascx页面中,我有一个Regularexpressionvalidator不';不能在asp.net更新面板上工作,asp.net,ajaxcontroltoolkit,Asp.net,Ajaxcontroltoolkit,我正在处理asp.net web表单。在ascx页面中,我有一个UpdatePanel。在UpdatePanel1中,我有一个来自Ajax控制工具包的ModalPopupXtender,它显示了一个用于电子邮件输入的文本框,我希望以适当的格式验证电子邮件输入。我尝试了两种方法。在第一个示例中,我使用了asp:RegularExpressionValidator。在第二个示例中,我在客户端单击事件上添加了一个javascript函数,如下所示: OnClientClick="if(!CheckEm
UpdatePanel
。在UpdatePanel1
中,我有一个来自Ajax控制工具包的ModalPopupXtender
,它显示了一个用于电子邮件输入的文本框,我希望以适当的格式验证电子邮件输入。我尝试了两种方法。在第一个示例中,我使用了asp:RegularExpressionValidator
。在第二个示例中,我在客户端单击事件上添加了一个javascript函数,如下所示:
OnClientClick="if(!CheckEmail()){return false};"
它们都不起作用,无论电子邮件输入是否正确,弹出模式中的条目总是被发送到服务器。我确保电子邮件输入文本框中有CausesValidation=“True”
创建新用户
用户ID(电子邮件):
您可以尝试使用引导模式。创建按钮以打开模式:
<input type="button" id="shModal"
name="shModal" class="btn btn-success btn-outline"
data-target="#myModal" data-toggle="modal" value="New" />
<div class="container row form-horizontal">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Input Email</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="form-group">
<asp:Label runat="server" CssClass="control-label col-md-4">Email</asp:Label>
<div class="col-md-6">
<asp:TextBox runat="server" ID="txtEmail" CssClass="form-control text-uppercase"></asp:TextBox>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<asp:Button runat="server" ID="cmdSave" CssClass="btn btn-info pull-left" Text="Save"
OnClick="cmdSave_Click" OnClientClick="return ValidateEmail();" />
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div><!--Item Modal-->
function ValidateEmail(){
if(!isEmailValid()){
return false;
}else{
alert('boyyyya, email is valid!');
}
}
你能发布代码吗?当你可以用jQuery轻松地实现所有这些并且它可以在所有浏览器上运行时,为什么要使用Ajax控件呢?它是一个预先存在的应用程序。你的项目的目标是什么.NET Framework版本?
<div class="container row form-horizontal">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Input Email</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="form-group">
<asp:Label runat="server" CssClass="control-label col-md-4">Email</asp:Label>
<div class="col-md-6">
<asp:TextBox runat="server" ID="txtEmail" CssClass="form-control text-uppercase"></asp:TextBox>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<asp:Button runat="server" ID="cmdSave" CssClass="btn btn-info pull-left" Text="Save"
OnClick="cmdSave_Click" OnClientClick="return ValidateEmail();" />
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div><!--Item Modal-->
function ValidateEmail(){
if(!isEmailValid()){
return false;
}else{
alert('boyyyya, email is valid!');
}
}