javascript - 客户端验证无法在输入标记中添加 "onclick"命令

Question

function updateDetails() {
                document.getElementById('Update').submit();
        }


  @using (Html.BeginForm("UpdateProfile","UpdateProfile",FormMethod.Post,new {id="Update"}))
    {
<input type="submit" id="btnUpdate" value="Save" name="command" onclick="updateDetails();"/>
}

将 onclick 添加到输入标记时，客户端验证不起作用。我在Application_Start方法中添加了以下两个参数。

HtmlHelper.ClientValidationEnabled = true; HtmlHelper.UnobtrusiveJavaScriptEnabled = true;

请帮我解决这个问题。

Answer 1

您的示例中没有可验证的输入字段。

您需要添加相关输入以及相应的验证消息，即

@Html.TextBoxFor(m => m.Foo)
@Html.ValidationMessageFor(m => m.Foo)

您需要以下脚本引用:

  <script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
  <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
  <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

然后将您的处理程序更改为:

$('#Update').submit();

我认为您收到错误是由于没有 jQuery 引用，因为 .submit 是一个 jQuery 函数。

<强> .submit()