2

モデルの検証とクライアント側の検証が有効になっているビュー ページがあります。サーバーへのAJAX呼び出しにjQueryを使用するjavascript関数を呼び出した送信ボタンがあります..しかし、クライアント側の検証が失敗したときにAJAXアクションを停止したいです。方法はありますか？

<% Html.EnableClientValidation(); %>
<% using (Html.BeginForm("", "", FormMethod.Post, new { @class = "hiajax" }))
   {%>
<%= Html.ValidationSummary(true) %>
<div class="formRow">
<%if(Model.ListFacility.Count !=0){ %>
    <%= Html.LabelFor(model => model.ListFacility)%><span class="err">*</span><br />
    <%= Html.DropDownListFor(model => model.ListFacility, (SelectList)ViewData["FacilityBulletin"], new {onChange="updateSiteId()" })%>
   <span class="err"> <%= Html.ValidationMessageFor(model => model.ListFacility) %></span>
    <div class="clear">
</div>
<%} %>
<div class="formRow">
    <%= Html.LabelFor(model => model.FacilityBulletin) %><span class="err">*</span><br />
    <%= Html.TextAreaFor(model => model.FacilityBulletin,  new { @class = "tinymce" })%>
   <span class="err">   <%= Html.ValidationMessageFor(model => model.FacilityBulletin) %></span>
    <div class="clear" />
</div>
<div class="formRow">

        <%=Html.CheckBoxFor(model=>model.Active, new { style = "float: left; margin-right: 10px;" })%>
    <span style="float: left; padding-top: 1px;">Active</span>
    <%=Html.HiddenFor(model=>model.SiteId) %>
</div>
<div class="formRow">       
    <input type="image" name="Save" src='<% =Url.Content("~/images/btn_save.png") %>'  onclick="SaveBulletin();" />
</div>
<% } %>
</div>

ここに私のJavaScriptがあります:

function SaveBulletin() {
    tinyMCE.triggerSave();
    $.ajax({
        type: 'POST',
        url: "FacilityBulletin/FacilityBulletin/SaveBulletin",
        data: $("form.hiajax").serialize(),
        success: function (data) { alert(data); }
    });
}

助けてください。

4

2 に答える 2

1

onclick画像送信ボタンに属性を設定する代わりに.submit()、フォームのアクションを使用します:

$(function() {
    $('form.hiajax').submit(function() {
        tinyMCE.triggerSave();
        $.ajax({
            type: this.method,
            url: this.action,
            data: $(this).serialize(),
            success: function (data) { alert(data); }
        });        
        return false;
    });
});

また、URL が JavaScript でハードコーディングされていないことにも注意してくださいaction。フォームの属性から読み取られます。Html.BeginFormもちろん、フォームを送信する必要がある適切なコントローラーとアクションを提供するために、あなたも修正する必要があります。

于 2010-10-25T11:08:45.973 に答える
0

特に MVC 向けではありませんが、次のように、javascript を使用してクライアント側の検証を手動で呼び出して確認できます。

function SaveBulletin() 
{
    Page_ClientValidate();

    if (Page_IsValid) 
    {
            // do Ajax call
    }
}
于 2010-10-25T11:05:44.093 に答える