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" />
}

或者，您可以连接到提交事件并自己完成:

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