通过trigerring jQuery的提交按钮不灵提交表单 [英] Submit form through trigerring jQuery submit button not working
问题描述
我有一个具有表单的页面。我有一个window.setTimeout，将调用触发提交按钮的功能。超时设置为10秒。但是，如果时间已过函数被调用，但不提交表单。看来提交按钮不提交表单。请帮助如何使这项工作的功能。我想，如果函数SubmitForm之称它将提交按钮而不点击提交按钮。下面是我的code。
HTML
@model MVCViewState.Models.Product
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML和GT;
＆LT; HEAD＆GT;
＆LT;标题＆GT;创建＆LT; /标题＆GT;
＆LT;脚本类型=文/ JavaScript的＆GT;
window.setTimeout（SubmitForm，10000）;
功能SubmitForm（）{
警报（'称为'）;
$（'＃btnSubmit按钮）提交（）。
}
＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT;脚本的src =@ Url.Content（〜/脚本/ jquery.validate.min.js）TYPE =文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的src =@ Url.Content（〜/脚本/ jquery.validate.unobtrusive.min.js）TYPE =文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
@using（Html.BeginForm（创建，产品，FormMethod.Post，新{ID =ProductForm}））
{
@ Html.ValidationSummary（真）
＆LT;＆字段集GT;
＆LT;传奇＆GT;产品与LT; /传说＆GT; ＆LT; DIV CLASS =编辑标记＆GT;
@ Html.LabelFor（型号=＆GT; model.Name）
＆LT; / DIV＆GT;
＆LT; DIV CLASS =主编场＆GT;
@ Html.EditorFor（型号=＆GT; model.Name）
@ Html.ValidationMessageFor（型号=＆GT; model.Name）
＆LT; / DIV＆GT; ＆LT; DIV CLASS =编辑标记＆GT;
@ Html.LabelFor（型号=＆GT; model.Description）
＆LT; / DIV＆GT;
＆LT; DIV CLASS =主编场＆GT;
@ Html.EditorFor（型号=＆GT; model.Description）
@ Html.ValidationMessageFor（型号=＆GT; model.Description）
＆LT; / DIV＆GT;
＆所述p为H.;
＆LT;输入类型=提交值=创建ID =btnSubmit按钮/＆GT;
＆所述; / P＆GT;
＆LT; /字段集＆GT;
}
＆LT; DIV＆GT;
@ Html.ActionLink（返回目录，索引）
＆LT; / DIV＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
控制器
//
// POST：/产品/创建
[HttpPost]
公众的ActionResult创建（产品产品）
{
尝试
{
清单＆LT;产品与GT;产品;
如果（会话[产品]！= NULL）产品=会话[产品作为列表与LT;产品取代;
其他产品=新的List＆LT;产品及GT;（）;
如果（产品！= NULL）products.Add（产品）;
product.Id = products.Max（X =＆GT; x.Id）+ 1;
会话[产品] =产品;
返回RedirectToAction（「指数」）;
}
抓住
{
返回查看（）;
}
}
尝试用点击，而不是提交。
$（'＃btnSubmit按钮'）点击（）。
I have a page that has form. I have a window.setTimeout that will call a function that trigger the submit button. The timeout is set to 10 seconds. However if the time has elapsed the function is called but the form is not submitted. It seems the submit button is not submitting the form. Please help how to make this function work. I want that if the function "SubmitForm" is called it will submit the button without clicking the submit button. Below is my code.
HTML
@model MVCViewState.Models.Product
<!DOCTYPE html>
<html>
<head>
<title>Create</title>
<script type="text/javascript">
window.setTimeout(SubmitForm, 10000);
function SubmitForm() {
alert('called');
$('#btnSubmit').submit();
}
</script>
</head>
<body>
<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>
@using (Html.BeginForm("Create", "Products", FormMethod.Post, new { id = "ProductForm" }))
{
@Html.ValidationSummary(true)
<fieldset>
<legend>Product</legend>
<div class="editor-label">
@Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Description)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Description)
@Html.ValidationMessageFor(model => model.Description)
</div>
<p>
<input type="submit" value="Create" id="btnSubmit"/>
</p>
</fieldset>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
</body>
</html>
Controller
// // POST: /Products/Create
[HttpPost]
public ActionResult Create(Product product)
{
try
{
List<Product> products;
if (Session["products"] != null) products = Session["products"] as List<Product>;
else products = new List<Product>();
if (products != null) products.Add(product);
product.Id = products.Max(x => x.Id) + 1;
Session["products"] = products;
return RedirectToAction("Index");
}
catch
{
return View();
}
}
Try with click instead of Submit.
$('#btnSubmit').click();
这篇关于通过trigerring jQuery的提交按钮不灵提交表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
