Question

我使用了HTMLEditor代码，如下所示。

我想通过点击清除一个HTMLEditor。如何在controller.cs文件中找到特定的HTML编辑器控件？

@model Blog.Models.User
@{
    ViewBag.Title = "Register New User";
}
@using Microsoft.Web.Mvc;
@using MVC3MultiSubmitButtonExtension;
<h2>
    Register New User</h2>
<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>
@using (Html.BeginForm("Create", "Home", FormMethod.Post))
{

    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Fill User Details</legend>
        <div class="editor-label">
            @Html.LabelFor(model => model.FirstName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.FirstName)
            @Html.ValidationMessageFor(model => model.FirstName)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.LastName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.LastName)
            @Html.ValidationMessageFor(model => model.LastName)
        </div>
        <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>
        <div class="editor-label">
            @Html.LabelFor(model => model.Password)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Password)
            @Html.ValidationMessageFor(model => model.Password)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.EmailAddress)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.EmailAddress)
            @Html.ValidationMessageFor(model => model.EmailAddress)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.MobileNumber)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.MobileNumber)
            @Html.ValidationMessageFor(model => model.MobileNumber)
        </div>
        <p>
            @*  <input type="submit" value="Create" />*@ @*@Html.MultiSubmitButton(Url.Action("Create"), "btnCreate", "Create")*@
            @*  @Html.MultiSubmitButton(Url.Action("Cancel"), "btnCancel", "Cancel", new { @class = "cancel" })*@
            <input type="submit" id="btnSubmit" name="btnSubmit" value="Submit" />
            <input type="submit" id="btnReset" name="btnReset"  value="Reset"
                class="cancel" />
        </p>
    </fieldset>
}
<div>
    @Html.ActionLink("Click here to go Login Page", "Index")
</div>

我想仅为EmailAddress HTML编辑器设置string.empty。

Answer 1

如果您想在点击按钮时重置完整表单，可以将按钮类型设置为type="reset"。

<input type="reset" id="btnReset" name="btnReset"  value="Reset" />

如果要在单击按钮时清除EmailAddress之类的特定字段，则必须听取click事件。首先，您必须为该按钮设置唯一ID。

<input id="clearEmailAddress" type="button" value="Clear Email Address" />

<script type="text/javascript>

$("#clearEmailAddress").click(function(){
     $(this).closest('form').find("input[name='EmailAddress']").val("");
});

</script>

在Controller.cs文件中查找@HTML.EditorFor（model =＆gt; model.Username）控制器

1 个答案: