【发布时间】:2018-06-07 06:30:09
【问题描述】:
我有一个简单的表格,里面有几个问题。我正在使用此 (https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js) 库验证是否在提交表单之前填写了输入。
我的表格是这样的:
@using (Html.BeginForm("SaveAnswer", "Home", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-horizontal", id = "answer", role = "form" }))
{ //.... Q1, Q2 ...etc
<!-- Button (Double) -->
<div class="form-group form-submit-button">
<label class="col-md-4 control-label" for="button1id">Please save your response.</label>
<div class="col-md-8">
<button type='submit' id="Save" name="SaveButton" class="btn btn-success">Save</button>
</div>
</div>
}
表单有效,验证(如果输入已填写)有效。
除了数据库有2个条目!!
这意味着表单提交时有 2 个请求。我真的没有提交 2 次。
后端控制器是:
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult SaveAnswer(FormCollection form)
{
var AnswerToAdd = new Answer();
// Deserialize (Include white list!)
TryUpdateModel(AnswerToAdd, new string[] { "Q1", "Q2", "Q3", "Q4", "Q5", "Q6", "Q7", "id"}, form.ToValueProvider());
DateTime now = DateTime.Now;
AnswerToAdd.LastModifiedTime = now;
db.Answers.Add(AnswerToAdd);
db.SaveChanges();
return RedirectToAction("Index");
}
【问题讨论】:
-
您的代码看起来不错。也发布后端代码。这可能会造成一些麻烦
-
您的页面中可能有多个对
jquery.unobtrusive-ajax.js的引用。你能确保你没有多次包含这个js吗? -
@It'satrap thx,我已经发布了控制器代码。
-
@Arul 不,表单的页面对于每个库只有 1 个链接,即一个用于 jquery 一个用于验证器库...我的页面上没有包含 jquery.unobtrusive-ajax.js 库.
-
您的后端代码看起来也不错。可以肯定的是,只需查看浏览器的网络选项卡,查看单击提交按钮时发出了多少 http 请求。还要确保在调试模式下运行项目并在
SaveAnswer上放置断点,并查看单击提交按钮时它是否被击中两次。这将帮助您缩小问题是客户端还是服务器端的范围。
标签: javascript jquery asp.net asp.net-mvc forms