javascript - 触发不显眼的验证，但阻止在 mvc4 表单上提交

Question

我有一个表单，这个表单有一些必需的值，所以在我的 View 模型中我有一些类似的东西:

[Required(ErrorMessageResourceType = typeof(Res_Errors), ErrorMessageResourceName = "errorPacienteNoSeleccionado")]
public int? scheduledIdPersonaSeleccionada { get; set; }

还有一个提交按钮，但我不想将表单提交到服务器，我只需要在验证通过时执行 jquery 函数。

验证正在工作，但我不知道如何阻止表单发布并调用我的函数。

Answer 1

如果您只想在表单提交时执行 javascript(而不是实际上发送信息)，请查看 @Ajax.BeginForm :

@using (Ajax.BeginForm(new AjaxOptions { OnBegin = "MyFunction" }))
{
    @Html.EditorFor(x => x.scheduledIdPersonaSeleccionado)
    <input type="submit" value="Presentar" />
}

或者，您可以 Hook 提交事件并自行执行:

$('form').submit(function(){
  if ($(this).valid()) { // validation passed
    // cal your jquery function here
  }
});