表格提交甚至条件失败(MVC3)

时间:2012-05-08 14:40:11

标签: jquery

我正在使用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>

我在这里做Form POST。

我正在检查SUBMIT BUTTON功能中的表单验证,如果验证失败,我不想做表单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 

}
  });

1 个答案:

答案 0 :(得分: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>