1

私はjQueryとMVCを使用してこのようなフォーム送信を行っています

@using (Ajax.BeginForm("Orders", "Customers", new AjaxOptions() {
 InsertionMode = InsertionMode.Replace, UpdateTargetId =
 updatemessages" }, new { id = "formupdate" })) {
       <input type="submit" class="t-button" id="btnupdate" value="Update Orders"/>  
}

<script type="text/javascript">
   $(document).ready(function () {
    $('#btnupdate').live("click", function () {
         return false;
    ); 
  });
 </script>

私はここでフォームPOSTを行っています。

SUBMIT BUTTON関数でフォームの検証をチェックしています。検証が失敗した場合、フォームのPOSTを実行したくありません。成功した場合は、フォームのPOSTを実行してください。

$('#btnupdate').live("click", function () {

  if(success) {

  // do form POST <BR/>
}

else
{
// dont do form POST <BR/>

}

-実は、こんな風にできますか

$("form#theForm").submit(function(evt){

    $('#btnupdate').live("click", function () {

if(success) {

// do form POST 
}

else {

evt.preventDefault(); // dont do form POST 

}
  });
4

1 に答える 1

3
    <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>
    <script type="text/javascript">
     $(function () {
        $('#btnupdate').live("click", function () {
            if (!$("#formupdate").valid()) {
                return false;
            }
        });

        //Or

        $("form#formupdate").live('submit', function () {
            if (!$(this).valid()) {
                return false;
            }
        });
     });
    </script>
于 2012-05-08T15:03:21.220 に答える