簡體   English   中英

Asp.net MVC在不使用html助手的情況下重新填充表單

[英]Asp.net MVC repopulate form without using html helpers

如果我在沒有填寫某些必填字段的情況下提交表單,當頁面重新加載時會出現錯誤,填寫的字段會保留其值,但前提是我使用html幫助程序,如下所示:

@using (Html.BeginForm())
{
    @Html.ValidationSummary()
    <p>Your name: @Html.TextBoxFor(x => x.Name) </p>
    <p>Your email: @Html.TextBoxFor(x => x.Email)</p>
    <p>Your phone: @Html.TextBoxFor(x => x.Phone)</p>
    <p>
        @Html.DropDownListFor(x => x.WillAttend, new[] {

        <input          new SelectListItem() {
                            Text = "Yes, I'll be there",
                            Value = bool.TrueString},
                        new SelectListItem() {
                            Text = "No, I can't come",
                            Value = bool.FalseString}
                        }, "Choose an option")
    </p> type="submit" value="Submit RSVP" />
}

但我想使用常規的html而不是像這樣的幫助器(然后不記住值):

<form action="/Home/RsvpForm" method="post">
    @Html.ValidationSummary()
    <p>
        Your name:
        <input type="text" name="Name" value="" />
    </p>
    <p>
        Your email:
        <input type="text" name="Email" value="" />
    </p>
    <p>
        Your phone:
        <input type="text" name="Phone" value="" />
    </p>
    <p>
        Will you attend?
        <select name="WillAttend">
            <option value="">Choose an option</option>
            <option value="true">Yes</option>
            <option value="false">No</option>
        </select>
    </p>
    <button>Submit</button>
</form>

那么如何在不使用html幫助器的情況下使表單記住正確輸入的值,是否可能?

編輯:模型和整個視圖

GuestResponse型號:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.ComponentModel.DataAnnotations;

namespace PartyInvites.Models
{
    public class GuestResponse
    {
        [Required(ErrorMessage="Enter name")]
        public string Name { get; set; }

        [Required(ErrorMessage = "Enter email")]
        public string Email { get; set; }

        [Required(ErrorMessage = "Enter phone")]
        public string Phone { get; set; }

        [Required(ErrorMessage = "Specify")]
        public bool? WillAttend { get; set; }



    }
}

整個觀點:

@model PartyInvites.Models.GuestResponse

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>RsvpForm</title>
</head>
<body>
    <form action="/Home/RsvpForm" method="post">
        @Html.ValidationSummary()
        <p>
            Your name:
            <input type="text" name="Name" value="" />
        </p>
        <p>
            Your email:
            <input type="text" name="Email" value="" />
        </p>
        <p>
            Your phone:
            <input type="text" name="Phone" value="" />
        </p>
        <p>
            Will you attend?
            <select name="WillAttend">
                <option value="">Choose an option</option>
                <option value="true">Yes</option>
                <option value="false">No</option>
            </select>
        </p>
        <button>Submit</button>
    </form>
</body>
</html>

您可以使用常規html,只需設置輸入文本的值,即可接收您的model.property,如:

<input type="text" name="Phone" value="@Model.Phone" />

就像是:

@model your_model 

 <form action="/Home/RsvpForm" method="post">
@Html.ValidationSummary()
<p>
    Your name:
    <input type="text" name="Name" value="@Model.Name" />
</p>
<p>
    Your email:
    <input type="text" name="Email" value="@Model.Email" />
</p>
<p>
    Your phone:
    <input type="text" name="Phone" value="@Model.Phone" />
</p>
<p>
    Will you attend?
    <select name="WillAttend">
        <option value="">Choose an option</option>
        <option value="true">Yes</option>
        <option value="false">No</option>
    </select>
</p>
<button>Submit</button>

你的模型是null。 Null沒有電話號碼的概念,因為沒有對象。 這就是為什么你在嘗試無中斷地訪問Phone時遇到錯誤的原因。 每次嘗試訪問Model的屬性時,都需要處理null case。

您可以將此用於您的屬性:

@(Model != null ? Model.Phone : "") 

或者,如果您能夠使用C#6語法,請隨意使用:

@Model?.Phone 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM