如何从嵌套表单上传文件并防止客户端验证 MVC 4 中的主表单？

Question

当我单击嵌套表单提交按钮上传文件时，它会触发客户端验证，我想阻止这种情况。
我尝试过使用两个单独的表单元素，它可以工作。但我必须使用嵌套表单元素，因为这是要求（出于设计目的）。

下面是我的代码。

查看代码

    @using (Html.BeginForm("AddEdit", "Leads", FormMethod.Post, new { @Id = "frmSaveLead", @class = "form-horizontal" }))
     {
        @Html.TextBoxFor(model => model.stTitle, new { @class = "m-wrap span12",     @placeholder = "Lead Title", @maxlength = "100" })

        @Html.ValidationMessageFor(model => model.stTitle)

        @Html.TextAreaFor(model => model.stNote, new { @class = "m-wrap span12", @placeholder = "Lead Note" })

        @Html.ValidationMessageFor(model => model.stNote)

        @using (Html.BeginForm("FileUpload", "Leads", FormMethod.Post, new { @Id = "frmFileUpload", @enctype = "multipart/form-data" }))
        {

             <span class="btn green fileinput-button"><i class="icon-plus icon-white">              </i>
             <span>Add file...</span>
             <input type="file" name="files">
             </span>

             <button type="submit" class="btn blue start">
                     <i class="icon-upload icon-white"></i><span>Start upload</span>
             </button>
        }

        <button type="submit" class="btn blue">
            <i class="icon-ok"></i>Save
       </button>
    }

Answer 1

你的内在形态

<form id="login-form">
    <input type="file" name="photo" id="files" accept="image/*;capture=camera">
    <button type="button" onclick="submitform()">Submit</button>
  </form>

jquery

function submitform(){
        var postdata = $('#login-form').serialize();          
        var file = document.getElementById('files').files[0];
        var fd = new FormData();
        fd.append("files", file);
        var xhr = new XMLHttpRequest();
        xhr.open("POST", "/Home/Index", false);
        xhr.send(fd);    
    }

控制器

[HttpPost]
    public JsonResult Index(FormCollection data)
    {

      if (Request.Files["files"] != null)
        {
           HttpPostedFileBase file = Request.Files["files"];
        }
        return Json(something);
    }