How to troubleshoot registration errors particularly in the RegisterModel page and carefully review the server-side registration process to implement sweetalert pop up.

Question

I can not register with this code. I am encountering registration errors despite the notification popping up but i would get is error message and can't register, how to address issues with the server-side registration process or with how the form data is being handled in your server-side code.

This is in my register.cshtml.cs
// Licensed to the .NET Foundation under one or more agreements.

// The .NET Foundation licenses this file to you under the MIT license.

#nullable disable

using System;

using System.Collections.Generic;

using System.ComponentModel.DataAnnotations;

using System.Linq;

using System.Text;

using System.Text.Encodings.Web;

using System.Threading;

using System.Threading.Tasks;

using Microsoft.AspNetCore.Authentication;

using Microsoft.AspNetCore.Authorization;

using CDSWD_Inventory_System.Models;

using Microsoft.AspNetCore.Identity;

using Microsoft.AspNetCore.Identity.UI.Services;

using Microsoft.AspNetCore.Mvc;

using Microsoft.AspNetCore.Mvc.RazorPages;

using Microsoft.AspNetCore.WebUtilities;

using Microsoft.Extensions.Logging;

using Microsoft.AspNetCore.Mvc.ModelBinding.Validation;

using Microsoft.AspNetCore.Mvc.Rendering;

using CDSWD_Inventory_System.Repositories.Interfaces;

namespace CDSWD_Inventory_System.Areas.Identity.Pages.Account

{

public class RegisterModel : PageModel

{

    private readonly SignInManager _signInManager;

    private readonly RoleManager _roleManager;

    private readonly UserManager _userManager;

    private readonly IUserStore _userStore;

    private readonly IUserEmailStore _emailStore;

    private readonly ILogger _logger;

    private readonly IEmailSender _emailSender;

    private readonly IUnitOfWork _unitOfWork;

    public RegisterModel(

        UserManager userManager,

        IUserStore userStore,

        SignInManager signInManager,

        ILogger logger,

        IEmailSender emailSender,

        RoleManager roleManager,

        IUnitOfWork unitOfWork)

    {

        _userManager = userManager;

        _userStore = userStore;

        _emailStore = GetEmailStore();

        _signInManager = signInManager;

        _logger = logger;

        _emailSender = emailSender;

        _roleManager = roleManager;

        _unitOfWork = unitOfWork;

    }

    /// 

    ///     This API supports the ASP.NET Core Identity default UI infrastructure and is not intended to be used

    ///     directly from your code. This API may change or be removed in future releases.

    /// 

    [BindProperty]

    public InputModel Input { get; set; }

    /// 

    ///     This API supports the ASP.NET Core Identity default UI infrastructure and is not intended to be used

    ///     directly from your code. This API may change or be removed in future releases.

    /// 

    public string ReturnUrl { get; set; }

    /// 

    ///     This API supports the ASP.NET Core Identity default UI infrastructure and is not intended to be used

    ///     directly from your code. This API may change or be removed in future releases.

    /// 

    public IList ExternalLogins { get; set; }

    /// 

    ///     This API supports the ASP.NET Core Identity default UI infrastructure and is not intended to be used

    ///     directly from your code. This API may change or be removed in future releases.

    /// 

    public class InputModel

    {

        /// 

        ///     This API supports the ASP.NET Core Identity default UI infrastructure and is not intended to be used

        ///     directly from your code. This API may change or be removed in future releases.

        /// 

        [Required]

        [EmailAddress]

        [Display(Name = "Email")]

        public string Email { get; set; }

        /// 

        ///     This API supports the ASP.NET Core Identity default UI infrastructure and is not intended to be used

        ///     directly from your code. This API may change or be removed in future releases.

        /// 

        [Required]

        [StringLength(100, ErrorMessage = "The {0} must be at least {2} and at max {1} characters long.", MinimumLength = 6)]

        [DataType(DataType.Password)]

        [Display(Name = "Password")]

        public string Password { get; set; }

        /// 

        ///     This API supports the ASP.NET Core Identity default UI infrastructure and is not intended to be used

        ///     directly from your code. This API may change or be removed in future releases.

        /// 

        [DataType(DataType.Password)]

        [Display(Name = "Confirm password")]

        [Compare("Password", ErrorMessage = "The password and confirmation password do not match.")]

        public string ConfirmPassword { get; set; }

        public string? Role { get; set; }

        [ValidateNever]

        public IEnumerable RoleList { get; set; }

        [Required]

        public string FirstName { get; set; }

        public string? MiddleName { get; set; }

        public string? LastName { get; set; }

        public string? Extension { get; set; }

        public string? Barangay { get; set; }

        public string? City { get; set; }

        public string? PhoneNumber { get; set; }

        public int? DepartmentId { get; set; }

        [ValidateNever]

        public IEnumerable DepartmentList { get; set; }

    }

    public async Task OnGetAsync(string returnUrl = null)

    {

        if (!_roleManager.RoleExistsAsync(SD.Role_Customer).GetAwaiter().GetResult())

        {

            _roleManager.CreateAsync(new IdentityRole(SD.Role_Customer)).GetAwaiter().GetResult();

            _roleManager.CreateAsync(new IdentityRole(SD.Role_Admin)).GetAwaiter().GetResult();

            _roleManager.CreateAsync(new IdentityRole(SD.Role_Enduser)).GetAwaiter().GetResult();

            _roleManager.CreateAsync(new IdentityRole(SD.Role_Department)).GetAwaiter().GetResult();

        }

        Input = new()

        {

            RoleList = _roleManager.Roles.Select(x => x.Name).Select(i => new SelectListItem

            {

                Text = i,

                Value = i

            }),

            DepartmentList = _unitOfWork.Department.GetAll().Select(i => new SelectListItem

            {

                Text = i.DepartmentName,

                Value = i.DepartmentId.ToString()

            })

        };

        ReturnUrl = returnUrl;

        ExternalLogins = (await _signInManager.GetExternalAuthenticationSchemesAsync()).ToList();

    }

    public async Task OnPostAsync(string returnUrl = null)

    {

        returnUrl ??= Url.Content("~/");

        ExternalLogins = (await _signInManager.GetExternalAuthenticationSchemesAsync()).ToList();

        if (ModelState.IsValid)

        {

            var user = CreateUser();

            await _userStore.SetUserNameAsync(user, Input.Email, CancellationToken.None);

            await _emailStore.SetEmailAsync(user, Input.Email, CancellationToken.None);

            user.FirstName = Input.FirstName;

            user.MiddleName = Input.MiddleName;

            user.LastName = Input.LastName;

            user.Extension = Input.Extension;

            user.Barangay = Input.Barangay;

            user.PhoneNumber = Input.PhoneNumber;

            if (Input.Role == SD.Role_Department)

            {

                user.DepartmentId = Input.DepartmentId;

            }

            var result = await _userManager.CreateAsync(user, Input.Password);

            if (result.Succeeded)

            {

                _logger.LogInformation("User created a new account with password.");

                if (!String.IsNullOrEmpty(Input.Role))

                {

                    await _userManager.AddToRoleAsync(user, Input.Role);

                }

                else

                {

                    await _userManager.AddToRoleAsync(user, SD.Role_Customer);

                }

                // Set message to indicate success

                ViewData["Message"] = "success";

                var userId = await _userManager.GetUserIdAsync(user);

                var code = await _userManager.GenerateEmailConfirmationTokenAsync(user);

                code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));

                var callbackUrl = Url.Page(

                    "/Account/ConfirmEmail",

                    pageHandler: null,

                    values: new { area = "Identity", userId = userId, code = code, returnUrl = returnUrl },

                    protocol: Request.Scheme);

                await _emailSender.SendEmailAsync(Input.Email, "Confirm your email",

                    $"Please confirm your account by clicking here.");

                if (_userManager.Options.SignIn.RequireConfirmedAccount)

                {

                    return RedirectToPage("RegisterConfirmation", new { email = Input.Email, returnUrl = returnUrl });

                }

                else

                {

                    await _signInManager.SignInAsync(user, isPersistent: false);

                    return LocalRedirect(returnUrl);

                }

            }

            foreach (var error in result.Errors)

            {

                ModelState.AddModelError(string.Empty, error.Description);

            }

        }

        // If we got this far, something failed, redisplay form

        return Page();

    }

    private ApplicationUser CreateUser()

    {

        try

        {

            return Activator.CreateInstance();

        }

        catch

        {

            throw new InvalidOperationException($"Can't create an instance of '{nameof(ApplicationUser)}'. " +

                $"Ensure that '{nameof(ApplicationUser)}' is not an abstract class and has a parameterless constructor, or alternatively " +

                $"override the register page in /Areas/Identity/Pages/Account/Register.cshtml");

        }

    }

    private IUserEmailStore GetEmailStore()

    {

        if (!_userManager.SupportsUserEmail)

        {

            throw new NotSupportedException("The default UI requires a user store with email support.");

        }

        return (IUserEmailStore)_userStore;

    }

}

}

and this is in my register.cshtml
@page

@model RegisterModel

@{

ViewData["Title"] = "Register";

}





@ViewData["Title"]



    

        

            User Registration

        

        

            

                

                    

                        Create a new account

                        

                        

                            

                            Email

                            

                        

                        

                            

                            Password

                            

                        

                        

                            

                            Confirm Password

                            

                        

                        

                            

                            First Name

                            

                        

                        

                            

                            Middle Name

                            

                        

                        

                            

                            Last Name

                            

                        

                        

                            

                            Extension Name

                            

                        

                        

                            

                            Phone Number

                            

                        

                        

                            

                            City

                            

                        

                        

                            

                            Barangay

                            

                        

                        

                            

                        

                        

                            

                        

                        

                            

                                

                            

                        

                        


                    

                

            

        

    



@section Scripts {

    

    

    

    

    

    

}

Screenshot 2024-03-18 145356

Screenshot 2024-03-18 150008

Screenshot 2024-03-18 150043 and as reference for my register page to appear the sweetalert is my login page.
Screenshot 2024-03-18 150750.png
how to implement the sweetalert to my register page be the same also as my login page as soon as i clicked the button.

Answer

Unfortunately, the buggy design hides the actual intent. I think the Razor Pages were created first and working properly. Then there was decision to use the sweetheart alert which took you down the AJAX path. Given your code example, AJAX is not useful.

If the use case is to display the sweetheart alert after a successful registration then all you have to do is write an "if" condition. Below is basic example.

The form is submitted using a standard submit button. The OnPost method sets a hidden field to "show" along with setting sweetalert properties. When the page loads, the code looks for the hidden field and if the hidden field contains "show" the sweetalert is displayed.

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

    
    

@section scripts {
    
    
}

The page model

using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
namespace RazorPagesDemo.Pages
{
    public class IndexModel : PageModel
    {
        private IWebHostEnvironment _env;
        private readonly ILogger _logger;
        public IndexModel(ILogger logger, IWebHostEnvironment env)
        {
            _logger = logger;
            _env = env;
        }
        public void OnGet()
        {
            ShowAlert = "hide";
        }
        public void OnPost()
        {
            ShowAlert = "show";
            Title = "The Internet?";
            Text = "That thing is still around?";
            Icon = "question";
        }
        public string ShowAlert { get; set; }
        public string Title { get; set; }
        public string Text { get; set; }
        public string Icon { get; set; }
    }
}

If you want to use AJAX then a redesign is required as the current design does utilize AJAX properly.

Share via

How to troubleshoot registration errors particularly in the RegisterModel page and carefully review the server-side registration process to implement sweetalert pop up.

1 answer