在視圖上：<div id="project-contact-form"> @using (Ajax.BeginForm("Apply","Careers", new AjaxOptions { OnSuccess = "onApplySuccess" }, new { @id = "form1", @enctype = "multipart/form-data" })) { <div class="row"> <div class="col-md-12"> <div id="success-project-contact-form" class="no-margin-lr"></div> </div> <div class="col-md-6"> <input type="text" required name="Firstname" id="Firstname" placeholder="First name" class="big-input"> </div> <div class="col-md-6"> <input type="text" required name="Lastname" id="Lastname" placeholder="Last name" class="big-input"> </div> <div class="col-md-6"> <input type="email" required name="Email" id="email" placeholder="E-mail" class="big-input"> </div> <div class="col-md-6"> <input type="text" required name="Mobile" id="mobile" placeholder="Mobile" class="big-input"> </div> <div class="col-md-6"> <input type="file" name="FileUploader" id="files" class="hidden" /> <label for="files" class="float-left cursor-pointer">Upload CV</label> </div> <div class="col-md-12 text-center"> <button id="project-contact-us-button" type="submit" class="btn btn-medium btn-transparent-bnsights btn-rounded md-margin-15px-bottom sm-display-table sm-margin-lr-auto">Send</button> </div> </div> } </div>
1 回答
呼啦一陣風(fēng)
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超6個(gè)贊
通常你不能使用Ajax.BeginForm()like上傳文件Html.BeginForm()。您必須使用 JavaScript/jQuery 來提交表單元素。
這是解決方案：
$(document).ready(function(){
$(document).on("submit", "#form1", function (event) {
event.preventDefault();
event.stopImmediatePropagation();
var formData = new FormData(this);
var url = this[0].action;
$.ajax({
url: url,
type: 'POST',
data: formData,
success: function (response) {
if (response) {
//do necessary work with response
}
},
error: function() {
//handle error here
},
cache: false,
contentType: false,
processData: false
});
return false;
});
});
- 1 回答
- 0 關(guān)注
- 197 瀏覽
添加回答
舉報(bào)
0/150
提交
取消