【F# + ASP.NET MVC】 リモート検証(指定されたアクションで正否を判定)を行うには

◆Controller(リモート検証用)
  ※ 検証のタイミングを遅らせる場合は、こちらを参照。

namespace Sample.Controllers

open System
open System.Web.Mvc

type LoginController() =
    inherit Controller()

    [<HttpPost>]
    member this.Index() =
        this.View() :> ActionResult

    // リモート検証アクション
    member this.IsLogin(userName : string) : JsonResult =
        if userName = "admin" then
            // 検証OK
            base.Json(true, JsonRequestBehavior.AllowGet)
        else
            // 検証NG
            base.Json(false, JsonRequestBehavior.AllowGet)

◆Entity

namespace Sample.Entities

open System.Web.Mvc

type Employee() =
    let mutable userName = ""
    
    // リモート検証
    [<Remote("IsLogin","Login")>]
    member x.UserName
        with get() = userName
        and set v = userName <- v
    

◆Controller

namespace Sample.Controllers

open System.Web
open System.Web.Mvc

open Sample.Models
open Sample.Entities

type HomeController() =
    inherit Controller()

    member this.Index() =
        this.View() :> ActionResult

    [<HttpPost>]
    member this.Index(entity:Employee) =
        // 検証結果を判定
        if this.ModelState.IsValid then
            this.ViewData.["Message"] <- "検証OK"
        else
            this.ViewData.["Message"] <- "検証NG"

        this.View(entity) :> ActionResult

◆View

@model Sample.Entities.Employee

@{ Layout = null; }

<!DOCTYPE html>
<html>
<head>
    <title>F# + ASP.NET</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet"
        type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"
        type="text/javascript"></script>
    <!-- クライアントサイド検証を有効に設定-->
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")"
        type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"
        type="text/javascript"></script>
</head>
<body>
    <div>
        @using (Html.BeginForm()) {
            @Html.ValidationSummary(true)
            <fieldset>
                <legend>User</legend>
                <div class="editor-label">
                    @Html.LabelFor(model => model.UserName)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.UserName)
                    @Html.ValidationMessageFor(model => model.UserName)
                </div>
                <p>
                    <input type="submit" value="Validate" />
                </p>
            </fieldset>
        }
    </div>
</body>
</html>

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中