0

以下のように HTMLEditor コードを使用しました。

クリックから HTMLEditor を 1 つだけクリアしたい。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 Editor のみ string.empty を設定したい。

4

1 に答える 1

0

ボタンをクリックしたときに完全なフォームをリセットしたい場合は、ボタンのタイプを として設定できますtype="reset"

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

EmailAddressボタンのクリックのように特定のフィールドをクリアしたい場合は、クリックイベントをリッスンする必要があります。そのためには、まずそのボタンに一意の 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>
于 2012-06-23T14:27:06.813 に答える