jquery - 即使条件失败,表单也会提交(MVC3)

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

我正在此处发送表单。

我正在检查提交按钮功能中的表单验证,如果验证失败,我不想执行表单 POST ,如果成功,则执行 FORM 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 

}
  });

最佳答案

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

关于jquery - 即使条件失败,表单也会提交(MVC3),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10500813/

相关文章:

javascript - 如何使用 jquery 获取文件输入中删除文件的值?

javascript - 简单的动画播放/倒退按钮

javascript - AJAX (JQUERY) 的 Server.Map 路径方法

javascript - 使用 jquery 仅替换 div 中的文本

javascript - JS 未按预期运行

javascript - 在映射过程中使用外部函数计算 knockout 变量

jquery anchor 点击似乎不起作用

javascript - 错误选项 net::ERR_CONNECTION_REFUSED

jquery - 通过其他文件中的 jQuery 调用隐藏动态 CSS 类的表

javascript - HTML5 将外部内容加载到 div 中并使用pushState()?