28.5.3 따라하기 2: 순수 HTML과 자바스크립트를 사용한 유효성 검사

1. FormValidationDemo 컨트롤러에 Html과 HtmlProcess 액션 메서드를 다음과 같이 구성한다. Html 액션 메서드는 순수 HTML로 폼을 구성하는 게 목적이고, HtmlProcess 액션 메서드는 Html 뷰 페이지에서 넘어온 값을 받아서 출력하는 목적으로 사용된다. 뒤에서는 단일 이름으로 보여지는 페이지와 내용을 처리하는 페이지를 구성하겠지만, 이번에는 처음이므로 따로 나눠서 만들어 보자.

▼  /Controllers/FormValidationDemoController.cs

using DotNetNote.Models;
using Microsoft.AspNetCore.Mvc;

namespace DotNetNote.Controllers
{
  public class FormValidationDemoController : Controller
  {
      // [1] 따라하기 1: 폼 유효성 검사 테스트용 메인 페이지 작성 
      #region Main Page
      public IActionResult Index()
      {
          return View();
      }
      #endregion
      // [2] 따라하기 2: 순수 HTML과 JavaScript를 사용한 유효성 검사 
      #region HTML
      public IActionResult Html()
      {
          return View();
      }
      
      public IActionResult HtmlProcess(string txtName, string txtContent)
      {
          ViewBag.ResultString =
              $“이름: {txtName}, 내용: {Request.Form[”txtContent”]}”;
          return View();
      }
      #endregion
  }
}

---