тег, увиденный дважды на iPad

Question

Я создал тег, который при нажатии открывает простое всплывающее окно с запросом идентификатора электронной почты для извлечения пароля. Теперь, когда я нажимаю кнопку «забыть пароль», он дважды показывает ссылку «Забыть». Ниже мой код.

<a href="#forgot_password" id="forgotPassword">Forgot Password?</a> 

Приведен код JQuery

$(document).ready(function() { 
      $("#username").focus(); 
      $('a[href="#forgot_password"]').click(function() { 
       if ($("#username").val().length > 0) { 
        try { 
         var retVal = ""; 
         $("#errMsg").text(''); 
         $("#errMsg").removeClass("error"); 
         var urlCreate = "login.aspx?method=ForgotPasswordSecurityQuestion&userName=" + String($("#username").val()); 
         $.ajax({ 
          type: "POST", 
          url: urlCreate, 
          contentType: "text/plain", 
          dataType: "", 
          success: function (response) { 
           //alert(response); 
           if (String(response).length >= 0) { 

            if (response.indexOf('not found') > 0) { 
             ShowError(response); 
            } 
            else { 

             var returnVal = response.split("|"); 
             var re = new RegExp('_', 'g'); 
             $('#securityQuestion').text((returnVal[1]).replace(re," ") + "?"); 

             securityAnswer = returnVal[2]; 
             userID = returnVal[0]; 
             ShowSplashScreen("splashScreenForgotPassword"); 
            } 
           } 
           else { 

            ShowError("error occurred while processing your request"); 
           } 
          }, 
          error: function (response) { 
           ShowError(response); 

          } 
         }); 
        } 
        catch (err) { 
         alert("Catch" + err); 
        } 

       } 
       else { 
        ShowError("Please enter user name"); 
       } 
      }); 
     }); 

Answer 1

Я думаю, что ваш HREF и идентификатор и противоречивы и генерируя вопрос. Пожалуйста, используйте приведенный ниже код. HTML:

<a href="javascript:void(0);" id="forgotPassword">Forgot Password?</a> 

JQuery:

$(document).ready(function() { 
     $("#username").focus(); 
     $('#forgotPassword').click(function() { 
      // your code here 
     }); 
});