Issue with condition rendering

Question

@page "/register"

@model FaceAdminApp.Pages.Auth.RegisterModel

@{

ViewData["Title"] = "Register";

}

@if (Model.IsPhoneNumberPresent)

{



    

        

            NEW REGISTER

            

                

                    

                        

                            

                                

                                    

                                        Country Code

                                        

                                    

                                

                                

                                    

                                        Phone Number

                                        

                                    

                                

                            

                        

                        

                            

                                OTP

                                

                            

                            

                        

                    

                    

                        Login

}

else

{



    

        

            NEW REGISTER

            

                

                    

                        

                            

                                

                                    

                                        Country Code

                                        

                                    

                                

                                

                                    

                                        Phone Number

                                        

                                    

                                

                            

                        

                        

                            

                                OTP

                                

                            

                            

                        

                    

                    

                        Login

}

using FaceAdminApp.Auth;

using FaceAdminApp.DTOs;

using FaceAdminApp.Models;

using FaceAdminApp.Services;

using FaceAdminApp.Utilities;

using FaceAdminApp.ViewModels;

using Microsoft.AspNetCore.Mvc;

using Microsoft.AspNetCore.Mvc.RazorPages;

namespace FaceAdminApp.Pages.Auth

{

public class RegisterModel : PageModel

{

    private readonly ILoginService _loginService;

    private readonly VacApiService _apiService;

    public RegisterModel(ILoginService loginService, VacApiService apiService)

    {

        _loginService = loginService;

        _apiService = apiService;

    }

    [BindProperty]

    public string LoginPhoneNumber { get; set; }

    [BindProperty]

    public string CountryCode { get; set; }

    [BindProperty]

    public OtpRegisterVm LoginModel { get; set; }

    public bool IsPhoneNumberPresent { get; set; } 

    public bool IsPhoneNumberValidated { get; set; }

    public bool OtpProcessing { get; set; }

    public bool Processing { get; set; }

    //public void OnGet()

    //{

    //    if (!string.IsNullOrEmpty(LoginPhoneNumber))

    //    {

    //        IsPhoneNumberPresent = true;

    //        LoginModel = new OtpRegisterVm { Username = LoginPhoneNumber, CountryCode = CountryCode };

    //    }

    //    else

    //    {

    //        IsPhoneNumberPresent = false;

    //    }

    //}

    public void OnGet(string LoginPhoneNumber)

    {

        IsPhoneNumberPresent = !string.IsNullOrEmpty(LoginPhoneNumber);

        if (IsPhoneNumberPresent)

        {

            LoginModel = new OtpRegisterVm { Username = LoginPhoneNumber, CountryCode = CountryCode };

            // Optionally, you can set LoginModel.Username here if needed

        }

    }

    public async Task OnPostGenerateOtpAsync()

    {

        OtpProcessing = true;

        if (string.IsNullOrEmpty(LoginModel.Username))

        {

            Notify.Add(TempData, false, "", "Phone Number required");

            OtpProcessing = false;

            return Page();

        }

        else if (LoginModel.Username.Length < 10)

        {

            Notify.Add(TempData, false, "", "Enter valid Phone Number");

            OtpProcessing = false;

            return Page();

        }

        string generatedOtp =

            OtpGenerator.GenerateOtp();

        // Store the generated OTP in TempData or ViewBag to pass it to the view

        TempData["GeneratedOTP"] = generatedOtp;

        // Display success message

        Notify.Add(TempData, true, $"OTP Generated successfully: {generatedOtp}", "");

        OtpProcessing = false;

        return Page();

        //var dto = new PhoneNumberDto { PhoneNumber = LoginModel.CountryCode + LoginModel.Username };

        //var response = await _apiService.GenerateRegisterOtp(dto);

        //if (response.IsSuccess)

        //{

        //    Notify.Add(TempData, true, "OTP Generated successfully", "");

        //}

        //else

        //{

        //    Notify.Add(TempData, false, "", response.Message);

        //}

        //OtpProcessing = false;

        //return RedirectToPage("/Auth/RegistrationForm");

    }

    public async Task OnPostValidPhoneNumberSubmitAsync()

    {

        Processing = true;

        if (string.IsNullOrEmpty(LoginModel.Username) || string.IsNullOrEmpty(LoginModel.Password))

        {

            Notify.Add(TempData, false, "", "Phone Number and OTP are required");

            Processing = false;

            return Page();

        }

        if (LoginModel.Username.Length < 10 || LoginModel.Password.Length != 6)

        {

            Notify.Add(TempData, false, "", "Invalid Phone Number or OTP");

            Processing = false;

            return Page();

        }

        var dto = new LoginDto { Username = LoginModel.CountryCode + LoginModel.Username, Password = LoginModel.Password };

        var response = await _apiService.ValidateRegisterOtp(dto);

        if (response.IsSuccess)

        {

            Notify.Add(TempData, true, "Phone number validated", "");

            IsPhoneNumberValidated = true;

        }

        else

        {

            Notify.Add(TempData, false, "", response.Message);

        }

        Processing = false;

        return RedirectToPage("/Auth/RegistrationForm");

    }

}

}

i need to render forms conditionally , if number not empty if block should execute(when number is present )to generate otp and if anny number is empty want render register form without perming any function

am trying to excute this code for the otp generation and validationn but if block condition is not working even though number provided

public bool IsPhoneNumberPresent { get; set; } but when am setting this to initially false the otp generation is working but validation is asking for number and otp required . please help me out to reach this

Answer

As far as I can tell, the design expects the LoginPhoneNumber in the URL (GET) but there is no indication the caller passes LoginPhoneNumber in the URL. Also, there is no code to maintain the state of LoginPhoneNumber.

It is not clear how you expect the code to function. I think basic troubleshooting will highlight where your code stops working as expected.

sorry public bool IsPhoneNumberPresent { get; set; } but when am setting this to initially true the otp generation is working but validation is asking for number and otp required . please help me out to reach this ....... its not false

These results are expected if the LoginPhoneNumber is always null or empty. In my opinion, IsPhoneNumberPresent is not needed. Plus it creates a dependency on LoginPhoneNumber which over complicates the code.

Issue with condition rendering

1 answer