Entering invalid phone number locks you out of the system #4469

4 Answer(s)

• 

  0

  liangshiwei created 2 years ago

  Support Team Fullstack Developer

  Hi,

  I will check it.

  Save Cancel
• 

  0

  liangshiwei created one year ago

  Support Team Fullstack Developer

  Hi,

  Yes, it's a problem. we will fix it in the next version.

  You can try put the Default.js file in your Pages\Account\Components\ProfileManagementGroup\\PersonalInfo path.

  Default.js

  (function ($) {
  
      $(function () {
          var l = abp.localization.getResource("AbpAccount");
  
          var _profileService = volo.abp.account.profile;
          var _accountService = volo.abp.account.account;
  
          var _confirmPhoneNumberModal = new abp.ModalManager(
              abp.appPath + "Account/Components/ProfileManagementGroup/PersonalInfo/ConfirmPhoneNumberModal"
          );
  
          var $email = $('#PersonalSettingsForm').find("#Email");
          var $verifyEmail = $("#VerifyEmailButton");
          var $emailVerified = $("#EmailVerified");
          var $emailNotVerified = $("#EmailNotVerified");
  
          var $phone = $('#PersonalSettingsForm').find("#PhoneNumber");
          var $verifyPhone = $("#VerifyPhoneButton");
          var $phoneVerified = $("#PhoneVerified");
          var $phoneNotVerified = $("#PhoneNotVerified");
  
  
          $('#PersonalSettingsForm').find("#Email").keyup(function () {
              if ($(this).val() !== $(this).attr("data-saved-email")) {
                  $("#VerifyEmailButton").hide();
                  $("#EmailVerified").hide();
                  $("#EmailNotVerified").show();
              } else if ($(this).attr("data-email-verified") === "False") {
                  $("#VerifyEmailButton").show();
                  $("#EmailNotVerified").hide();
              } else if ($(this).attr("data-email-verified") === "True") {
                  $("#EmailVerified").show();
                  $("#EmailNotVerified").hide();
              }
          });
  
          $('#PersonalSettingsForm').find("#PhoneNumber").keyup(function () {
              if ($(this).val() !== $(this).attr("data-saved-phone")) {
                  $("#VerifyPhoneButton").hide();
                  $("#PhoneVerified").hide();
  
                  if ($(this).val() !== "") {
                      $("#PhoneNotVerified").show();
                  } else {
                      $("#PhoneNotVerified").hide();
                  }
              } else if ($(this).attr("data-phone-verified") === "False") {
                  if ($(this).val() !== "") {
                      $("#VerifyPhoneButton").show();
                  }
                  $("#PhoneNotVerified").hide();
              } else if ($(this).attr("data-phone-verified") === "True") {
                  if ($(this).val() !== "") {
                      $("#PhoneVerified").show();
                  }
                  $("#PhoneNotVerified").hide();
              }
          });
  
          $("#VerifyEmailButton").on("click", "", function () {
  
              var returnUrl = "/";
              var returnUrlLink = $("#returnUrlLink");
  
              if(returnUrlLink.length === 1){
                  returnUrl = returnUrlLink.attr("href");
              }
  
              _accountService
                  .sendEmailConfirmationToken({
                      userId: $('#CurrentUserId').val(),
                      appName: "MVC",
                      returnUrl:returnUrl,
                      returnUrlHash: "",
                  })
                  .then(function () {
                      abp.notify.success(
                          l(
                              "EmailConfirmationSentMessage",
                              $('#PersonalSettingsForm').find("#Email").val()
                          )
                      );
                      $("#VerifyEmailButton").hide();
                  });
          });
  
          $("#VerifyPhoneButton").on("click", "", function () {
              _confirmPhoneNumberModal.open();
          });
  
          var askForVerify = function () {
              abp.message.confirm(
                  " ",
                  l("DoYouWantToVerifyPhoneNumberMessage"),
                  function (isConfirmed) {
                      if (isConfirmed) {
                          $("#VerifyPhoneButton").click();
                      }
                  }
              );
          };
  
          $("#PersonalSettingsForm").submit(function (e) {
              e.preventDefault();
  
              if (!$("#PersonalSettingsForm").valid()) {
                  return false;
              }
  
              var input = $("#PersonalSettingsForm").serializeFormToObject(false);
  
              _profileService.update(input).then(function (result) {
                  abp.notify.success(l("PersonalSettingsSaved"));
  
                  if (input.Email !== $email.attr("data-saved-email")) {
                      $verifyEmail.show();
                      $emailVerified.hide();
                      $email.attr("data-email-verified", "False");
                  }
  
                  $email.attr("data-saved-email", $email.val());
                  $emailNotVerified.hide();
  
                  if (!input.PhoneNumber || input.PhoneNumber === "") {
                      $verifyPhone.hide();
                      $phoneVerified.hide();
                      $phoneNotVerified.hide();
                      $phone.attr("data-saved-phone", input.PhoneNumber);
                      return;
                  }
  
                  if (
                      $phone.attr("data-saved-phone") === input.PhoneNumber ||
                      $verifyPhone.length < 1
                  ) {
                      return;
                  }
  
                  $verifyPhone.show();
                  $phoneVerified.hide();
                  $phoneNotVerified.hide();
                  $phone.attr("data-saved-phone", input.PhoneNumber);
                  $phone.attr("data-phone-verified", "False");
  
                  askForVerify();
              });
          });
  
          _confirmPhoneNumberModal.onResult(function () {
              $verifyPhone.hide();
              $phoneNotVerified.hide();
              $phoneVerified.show();
              $phone.attr("data-phone-verified", "True");
          });
      });
  })(jQuery);
  
  

  

  Save Cancel

  1
• 

  0

  liangshiwei created one year ago

  Support Team Fullstack Developer

  You can remove the file when the next patch(7.0.2) version is released.

  Save Cancel
• 

  0

  ageiter created one year ago

  Thanks @liangshiwei.

  Save Cancel