첨부 실행 코드는 나눔고딕코딩 폰트를 사용합니다.

728x90
반응형
728x170

TestProject.zip
다운로드

▶ Controllers/TestController.cs

using Microsoft.AspNetCore.Mvc;

namespace TestProject.Controllers
{
    /// <summary>
    /// 테스트 컨트롤러
    /// </summary>
    public class TestController : Controller
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 인덱스 페이지 처리하기 - Index()

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        public IActionResult Index()
        {
            return View();
        }

        #endregion
        #region 완료시 페이지 처리하기 - Completed(name, content)

        /// <summary>
        /// 완료시 페이지 처리하기
        /// </summary>
        /// <param name="name">성명</param>
        /// <param name="content">내용</param>
        /// <returns>액션 결과</returns>
        public IActionResult Completed(string name, string content)
        {
            ViewBag.Name    = name;
            ViewBag.Content = content;

            return View();
        }

        #endregion
    }
}

 

728x90

 

▶ Views/Test/Index.cshtml

@{ Layout = null; }
<!DOCTYPE html>
<html>
    <head>
        <title>순수 HTML 태그를 사용해 폼 구성하기</title>
        <script>
function CheckForm()
{
    var name    = document.getElementById("name"   );
    var content = document.getElementById("content");

    if (name.value.length < 1 || content.value.length < 1)
    {
        window.alert("성명과 내용을 입력해 주시기 바랍니다.");

        name.focus();
        name.select();

        return false;
    }

    return true;
}
        </script>
    </head>
    <body>
        <p>순수 HTML 태그를 사용해 폼 구성하기</p>
        <hr />
        <form action="/Test/Completed" method="post"
              onsubmit="return CheckForm();">
            <p>성명 <input type="text" name="name" id="name" value="" /></p>
            <p>내용 <input type="text" name="content" id="content" value="" /></p>
            <p><input type="submit" value="제출" /></p>
        </form>
    </body>
</html>

 

300x250

 

▶ Views/Test/Completed.cshtml

@{ Layout = null; }
<p>순수 HTML 태그를 사용해 폼 구성하기</p>
<hr />
<p>성명 : @ViewBag.Name</p>
<p>내용 : @ViewBag.Content</p>
728x90
반응형
그리드형(광고전용)
Posted by icodebroker

댓글을 달아 주세요