本文介绍了在submi点击验证码验证不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
代码部分如下：
code part is given below
<asp:UpdatePanel ID="OuterPanel"
UpdateMode="Always"
runat="server">
<ContentTemplate>
<div class="form-fll" style="display:none;">
<h4>New to Malabar Services</h4>
<h1>Sign up Now</h1>
<div class="row">
<div id="divErr" style="text-align: center;" runat="server">
<asp:Label ID="lblMsg" runat="server" Text=""></asp:Label>
</div>
<div class="col-md-12">
<p>Contact Name</p>
</div>
<div class="nm-dts">
<div class="col-md-2 reltv">
<asp:DropDownList ID="drpSal" runat="server">
<asp:ListItem>Mr.</asp:ListItem>
<asp:ListItem>Ms.</asp:ListItem>
</asp:DropDownList>
<span class="caret"></span>
</div>
<div class="col-md-4" id="divfname">
<input type="text" class="fname" name="fname" placeholder="First Name" runat="server" ID="txtFName">
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="txtFName" Display="Dynamic" ErrorMessage="Please enter first name" ValidationGroup="vgRegister" CssClass="val"></asp:RequiredFieldValidator>
</div>
<div class="col-md-6">
<input type="text" class="lname" name="lname" placeholder="Last Name" ID="txtLName" runat="server">
<asp:RequiredFieldValidator ID="RequiredFieldValidator7" Display="Dynamic" runat="server" ErrorMessage="Please enter last name" ControlToValidate="txtLName" ValidationGroup="vgRegister" CssClass="val"></asp:RequiredFieldValidator>
</div>
</div>
<div class="dtls">
<div class="col-md-6 clearfix">
<p>Mobile Number</p>
<input type="text" class="mobile" ID="txtMobNo" runat="server">
</div>
<div class="col-md-6">
<p>Email Address</p>
<input type="text" class="email" ID="txtEmail" runat="server">
<asp:Image ID="imgemail" Style="display: none;" runat="server" ImageUrl="~/images/small_ajax.gif" />
<asp:CustomValidator ControlToValidate="txtEmail" ID="CustomValidator2" ValidationGroup="vgRegister"
CssClass="val" ClientValidationFunction="checkUsername" runat="server" Display="Dynamic"
ErrorMessage="Email address already exists"></asp:CustomValidator>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Please enter valid email" ControlToValidate="txtEmail" Display="Dynamic" ValidationGroup="vgRegister"
CssClass="val"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" Display="Dynamic" ControlToValidate="txtEmail"
ErrorMessage="Please enter valid email" ValidationGroup="vgRegister"
CssClass="val" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
<script type="text/javascript">
function checkUsername(sender, args) {
console.log('inside validator');
args.IsValid = true;
var url = "../services/ajax.asmx/checkUsername?email=" + args.Value;
$("#imgemail").hide();
MakeCall(url, function (txt) {
if (txt.d == "false") {
args.IsValid = false;
}
$("#imgemail").hide();
});
}
function MakeCall(url, callback) {
$.ajax({
async: false,
type: "POST",
url: url,
data: "{ controlName:''}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: callback
});
}
</script>
</div>
<div class="col-md-6" id="divpassword">
<p>Create Password</p>
<asp:TextBox ID="txtPassword" CssClass="password" runat="server" TextMode="Password"></asp:TextBox>
<%--<input type="password" class="password" ID="txtPassword" runat="server">--%>
<ajaxToolkit:PasswordStrength ID="ps1" runat="server" TargetControlID="txtPassword" PreferredPasswordLength="7" DisplayPosition="BelowLeft" StrengthIndicatorType="Text" TextCssClass ="pswd" />
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="Please enter password" Display="Dynamic" ControlToValidate="txtPassword" ValidationGroup="vgRegister" CssClass="val"></asp:RequiredFieldValidator>
<asp:CustomValidator ID="CustomValidator6" Display="Dynamic" runat="server" ControlToValidate="txtPassword"
ErrorMessage="Password must contain at least 6 characters" ValidateEmptyText="True" ClientValidationFunction="validatePasswordLength"
ValidationGroup="vgRegister" CssClass="val"></asp:CustomValidator>
</div>
<div class="col-md-6" id="divcpassword">
<p>Confirm Password</p>
<input type="password" class="password2" ID="txtCPassword" runat="server">
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Please confirm password" Display="Dynamic" ControlToValidate="txtCPassword" ValidationGroup="vgRegister" CssClass="val"></asp:RequiredFieldValidator>
<asp:CompareValidator ID="cmpValidator" runat="server" CssClass="val" ControlToCompare="txtPassword"
ControlToValidate="txtCPassword" ValidationGroup="vgRegister" ErrorMessage="Please re-type password correctly."
Display="Dynamic"></asp:CompareValidator>
</div>
<div class="col-md-6" >
<uc3:ImageVerifier ID="ImgVerifier" runat="server" ImageGeneratorUrl="JpegImage.aspx"
SessionVariableID="CaptchaImageText" ValidationGroup="vgRegister" ErrorMessage="Please enter verification code correctly."
ValidationFunction="validateRequired" />
</div>
<div class="col-md-6">
</div>
</div>
<div class="col-md-12 clearfix">
<p class="agree">By clicking the button below, you agree to Malabar Gold And Diamond's
<asp:HyperLink ID="HLnkTerms" runat="server">Terms of Use</asp:HyperLink>,
<asp:HyperLink ID="HLnkPrivacy" runat="server">Privacy Policy</asp:HyperLink> and
<asp:HyperLink ID="HLnkAntiSpam" runat="server">Anti-spam Policy</asp:HyperLink></p>
<label>
<input type="checkbox" ID="chkNewsletter" runat="server" class="checkbox"> <span>Send me useful tips on email design every month or so (you can unsubscribe at any time).</span>
</label>
</div>
<div class="col-md-12">
<asp:Button ID="btnSignUp" CssClass="submit" runat="server" Text="Create My Account" CausesValidation="true"
ValidationGroup="vgRegister" OnClick="btnSignUp_Click" />
<input type="button" id="btnCancel" class="btn" value="Cancel" />
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>推荐答案
这篇关于在submi点击验证码验证不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！