0

アプリケーションに部分ビューがあります (フォームタグを使用せずに) 部分ビューでユーザー登録機能を作成しています。 ajax メソッドを呼び出す前に、ajax-jquery を使用してコントローラーのアクションメソッドを呼び出し、ユーザーの詳細 (モデル) をアクションメソッドに渡しています。クライアント側でユーザーの詳細を検証する必要があります。これどうやってするの？

ajax 呼び出しの前にモデルを検証する必要があります (フォーム タグを使用しないでください)。

@model MVC4Demo.Models.Student

<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript">
function onClientClick() {        

    var obj = { FirstName: "name",  City: "abc" };
    $.ajax({
        url: "/Home/AjaxDemo",
        data: JSON.stringify(obj),
        type: "POST",
        datatype: "json",
        contentType: "application/json; charset=utf-8",
        success: function (result) {
            alert('success');                
        },
        error: function () {
            alert("error");
        }
    });
}
</script>


<div id="Main">
<label>Student</label>

<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.City)
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.City)
    @Html.ValidationMessageFor(model => model.City)
</div>

<p>
    <input type="submit" onclick="onClientClick()" value="Create" />
</p>
</div>


<div>
@Html.ActionLink("Back to List", "Index")
 </div>
4

2 に答える 2

0

モデルを形にします。後：

<script>
$(function () {
    $('#myForm').unbind('submit');
    $('#myForm')
        .bind('submit', function () {
            var form = this;
            if ($("#myForm").valid()) {
                $.post('/Home/AjaxDemo', $(form).serialize(), function (data) {

                    if (data.success) {
                        alert('success');
                    } else {
                        alert("error");
                    }
                });
            }

            return false;
        });
});

于 2013-03-26T21:18:02.937 に答える
0

残念ながらフォームタグが必要です。そして何か他のもの、あなたは前に付けることができます

@Html.EnableClientValidation();
@Html.ValidationSummary(true);

フォームに。

于 2013-03-27T03:23:30.330 に答える