3

ajax を使用してフォームを送信する前に、データがデータベースに既に存在するかどうかを確認する必要があります。最も一般的なシナリオは、ユーザー名と電子メールの可用性を確認することです。

動作していませんが、from コントロールを使用せずに ajax 関数をテストしたところ、正常に動作しました。プロジェクトは MVC 3 VB で作成されます。

Javascript:

$('#addSalesPeople').click(function () {
   $.post("ajax_functions/checkDuplicate.cshtml",
   {
      extension: document.getElementById('Extension').value,
      initials: document.getElementById('Initials').value
   },
      function (data, status) {
      alert("Data: " + data + "\nStatus: " + status);
   });
});

HTML:

@Using Html.BeginForm("Create", "SalesPeople", FormMethod.Post)
@Html.ValidationSummary(True)
@<fieldset>  
    ............................
    ..............................  

    @Html.TextBoxFor(Function(model) model.Extension, New With {.onkeyup = "javascript: charCounter(this,4);", .onblur = "javascript: zeroPad(this, 4)"})

    @Html.TextBoxFor(Function(model) model.Initials)

    <input id="addSalesPeople" class="btn span2" type="submit" value="Add" />

</fieldset>

-ありがとう

4

2 に答える 2

9

submitフォームのイベントを監視する必要があります。

それ以外の

$('#addSalesPeople').click(function () {

使用する

$('#theFormId').submit(function () {

参照：http ：//api.jquery.com/submit/

フォームの送信を無効にして、後で手動で送信することもできます。

$( '#theFormId' ).submit( function ( event ) {

    event.preventDefault();

    /* your AJAX code */

    $( '#theFormId' ).submit();
} );
于 2012-11-05T21:28:11.837 に答える
6

実際にテストしたコードを投稿しています。

HTML: @using の単純なフォームの投稿ボタン

(Html.BeginForm())
{

//use your text box or other control here 
<input type="submit" id="Create" value="Create" class="btn btn-primary" />

}

JavaScript:

<script>

    $(document).ready(function () {

        $("form").submit(function (e) {
            e.preventDefault(); //prevent default form submit

            if ($(this).valid()) {

                var UserId= $('#UserId').val();

                $.ajax({
                    url: '/Home/CheckUserExist/',        //ControllerName/ActionName/
                    data: {
                        UserId: UserId                      
                    },
                    success: function (data) {
                        showMsg(data);
                    },
                    cache: false
                });
            }
        });

    });

    function showMsg(hasCurrentJob) {
        if (hasCurrentJob != "OK") {

            alert(hasCurrentJob);
            return false;
        } else {

    //if check is ok than from post to controller 

            $("form").unbind('submit').submit();
        }
    }

</script>


MVC Controller:

 public async Task<JsonResult> CheckUserExist(int UserId)
    {
            //condition for user check 

        if (UserExist==true)
        {
            return Json("User Exist Please choose another user name or etc", JsonRequestBehavior.AllowGet);         
    }

        return Json("OK", JsonRequestBehavior.AllowGet);
    }

ご不明な点がございましたら、vishalroxx7@gmail.com までご連絡ください。

于 2014-09-03T05:39:42.583 に答える