Question

I am using jQuery and MVC to do form submission like this

@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>

I am doing Form POST HERE.

I’M CHECKING FORM VALIDATIONS IN SUBMIT BUTTON function, if validation fails, I don’t want to do form POST , IF SUCCESS ,DO FORM POST

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

  if(success) {

  // do form POST <BR/>
}

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

}

– Actually ,can I do like this

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

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

if(success) {

// do form POST 
}

else {

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

}
  });

Answer 1

    <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>