在submi点击验证码验证不起作用 [英] In submi click captcha validation is not working
本文介绍了在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>推荐答案
(\"#imgemail\").hide();
MakeCall(url, function (txt) {
if (txt.d == \"false\") {
args.IsValid = false;
}
("#imgemail").hide(); MakeCall(url, function (txt) { if (txt.d == "false") { args.IsValid = false; }
(\"#imgemail\").hide();
});
}
function MakeCall(url, callback) {
("#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\" /> $b$ b <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\"&g t;</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=\"vgRegiste r\" CssClass=\"val\"></asp:RequiredFieldValidator>
<asp:CompareValidator ID=\"cmpValidator\" runat=\"server\" CssClass=\"val\" ControlToCompare=\"txtPassword\"
ControlToValidate=\"txtCPassword\" ValidationGroup=\"vgRegister\" ErrorMessage=\"Please re-t ype 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\">
& lt;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>
.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点击验证码验证不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
