表格在确认后未提交
form does not submit after validation
当表单提交时,提示"万岁!"当验证为真时触发,但表单实际上不提交。如果我用@using (Html.BeginForm())代替表单,它会这样做,但剑道验证不起作用?
<div class="form-horizontal">
<h2 class="ra-well-title">Your Details</h2>
<form id="ticketsForm">
<div class="form-horizontal form-widgets col-sm-4">
<div class="form-group">
<label class="control-label col-sm-4" for="fname">First Name</label>
<div class="col-sm-8 col-md-6">
@Html.TextBoxFor(m => m.firstName, new { @class = "input k-textbox", placeholder = "Enter Firstname", required = "required", validationmessage = "Required", id = "pFirstName", onchange = "OnChangeEventpFirstName()" })
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-4" for="name">Last Name</label>
<div class="col-sm-8 col-md-6">
@(Html.Kendo().TextBox()
.Name("surName")
.HtmlAttributes(new { placeholder = "Last Name", required = "required", validationmessage = "Enter Lastname", id = "pSurName", onchange = "OnChangeEventpSurName()" })
)
</div>
</div>
<input type="submit" value="Send Booking" class="btn k-button" onclick="return confirm('Ready to send Booking?')" />
</form>
<script>
$(function () {
var validator = $("#ticketsForm").kendoValidator().data("kendoValidator");
var status = $(".status");
$("form").submit(function (event) {
event.preventDefault();
if (validator.validate()) {
alert("Hooray! Your tickets has been booked!")
.removeClass("invalid")
.addClass("valid");
} else {
alert("Oops! There is invalid data in the form.")
.removeClass("valid")
.addClass("invalid");
}
});
});
</script>
</div>
您正在使用event.preventDefault
,它阻止表单提交。您应该将这行移到else
语句中,这样它只在验证失败时停止提交。
至于为什么使用BeginForm时验证没有触发,很可能是表单的ID不同或丢失,所以JavaScript没有绑定到表单。
相关文章:
- 在表单完成并确认密码之前,请禁用提交按钮
- 在提交过程中使用同步确认灯箱提交表格
- 在提交之前验证表单,jQuery发布到javaScript,然后提交到确认页面
- 提交表单前使用确认对话框的正确方法
- 如何在提交时向Happy.js添加确认消息
- Laravel提交按钮上的确认消息
- 为什么JS confirm()获胜't当我在确认对话框中点击“取消”时,取消提交操作
- 为什么这个JS确认窗口没有在表单提交时启动
- 取消“确认表单重新提交”对话框
- javascript确认取消仍然提交表单
- 如何停止'确认表单重新提交'对话框,同时刷新页面
- 如何从jquery确认框提交php页面
- 阻止使用引导框提交按钮,确认并在消息上显示其值
- AJAX 表单提交确认消息
- 表单 在 else 语句中提交确认
- 表单提交-确认
- 使用模态作为提交确认
- Javascript表单提交确认与重定向,如果为真
- 通过Bootstrap Modal提交确认
- JavaScript表单提交-确认或取消提交对话框