Captcha not show normally

Question

I am using CaptchaMvc.Mvc5 package but I found problem in Image shown the  captcha image show as the below :    I want show captcha image as the below:    but when refresh the page it is show normally    I try these solutions : I try Import jquery file before write captch razor code too I try Import jquery file from google CDN but my problrm not solved    please developer Help me

Akash Singh · Answer

I am also facing same issue . Its working fine on local IIS but its working like yours on server IIS. Did you find any solution

Abdulmajeed Alshari · Answer

thanks Sanwar but your two links no solve my problem and my code at the client side as :   @using CaptchaMvc.HtmlHelpers   @using CaptchaMvc      @model Enma_Acadimic_WebSite.Models.RegisterViewModel      @{        ViewBag.Title  =  "Create Account" ;        Layout  =  "~/Views/Shared/_Layout.cshtml" ;   }   script   src = "https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js" > script >    form   class = "sky-form"   name = "form1"   id = "form1"   method = "post"   action = "Register" >        @Html.AntiForgeryToken()       @Html.ValidationSummary(true, "", new { @ class  =  "text-danger"  })        input   name = "csrf_token"   type = "hidden" >             div   class = "form-group textCenter"   id = "form-step-6"   role = "form"   data-toggle = "validator" >                 label   class = "form-label margin-bottom-20 text-center"   style = "display:block;" >                    @Html.CheckBoxFor( m  = >  m.AreYouRoboot, new {  id  =  "checkCaptcha"  })                    i > i >   span   class = "font-janna" > To Check if You not bot span >                     span   id = "ifSuccessIcon"   class = "glyphicon glyphicon-ok"   style = "color:green; display:none;" > span >                 label >                    div   style = "display:none;"   id = "captchaGroup"   class = "form-group captcha1" >                    @Html.Captcha(5)                       br   />                     br   />                 div >                 a   href = "#"   data-target = "#password-edit-"   data-toggle = "modal"   id = "hiddenCheck"   style = "display:none;" >      a >                 div   class = "form-group" >                     div  div  class = "col-md-offset-2 col-md-10"   style = "margin-right: 50px;text-align: center;margin-bottom: 20px;" >                         input   type = "submit"   id = "btnPost"   value = "Register"   class = "btn btn-md btn-info font-janna disabled"   />                        div >                 div >             div >         form >            script >            $(function () {               $("#checkCaptcha").click(function () {                   if (document.getElementById('checkCaptcha').checked || $("#checkCaptcha").val() == true) {                          //$("a[ href =#CaptchaImage]").css("display", "inline");                       $("#captchaGroup").css("display", "block");                          $("#captchaGroup").contents().filter(function () {                           return  this.nodeType  === Node.TEXT_NODE;                       }).remove();                          //$("#btnPost").css("position", "relative");                       //$("#btnPost").css("right", "107px");                   }                   else {                       $("#captchaGroup").css("display", "none");                       $("#btnPost").css("margin-top", "0px");                       //$("#btnPost").css("right", "0px");                   }               });           });        script >

Sanwar Ranwa · Answer

Hello Abdulmajeed   Share your code or check these Links   http://makhaai.blogspot.com/2014/08/how-to-create-captcha-in-mvc-5.html   https://www.c-sharpcorner.com/UploadFile/bd8b0b/how-to-implement-captcha-in-Asp-Net-mvc/