在发布之前重新显示所有表单输入

时间:2013-08-28 15:27:53

标签: c# jquery html5 css3 asp.net-mvc-4

在一些人开始大喊大叫之前,我意识到有类似的问题,但他们都处理单个条目......

我有一个很长的表单,想要使用处理重新显示数据的通用方法。 请注意:这是使用razor2视图的asp.Net MVC 4应用程序

其中一个字段的示例

<div class="control-group">
    <label class="control-label">@Html.LabelFor(m => m.Name)
        <span class="required">*</span>
    </label>
    <div class="controls">
        @Html.TextBoxFor(m => m.Name, new { @name = "nameInput" })
    </div>
</div>

我的想法是为每个文本框添加一个ID ... 如何在确认视图中显示示例..

<div class="control-group">
    <label class="control-label">Name:</label>
    <div class="controls">
        <span class="text display-value" data-display="nameInput"></span>
    </div>
</div>

然后使用带有ID ...

的数据显示来渲染该值

jQuery,我认为会处理它...

var displayConfirm = function() {
    $('.display-value', form).each(function(){
        var input = $('[name="'+$(this).attr("data-display")+'"]', form);
        if (input.is(":text") || input.is("textarea")) {
            $(this).html(input.val());
        } else if (input.is("select")) {
            $(this).html(input.find('option:selected').text());
        } 
    });
}

不幸的是,这似乎没有正常工作.... 任何人都可以指出/重新解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

知道了,我需要在模型中使用名称而不是分配名称。

从“页面查看源”获得正确的名称,只需将该值插入数据显示标记。