客户端验证没有在添加";onclick";命令

本文关键字:quot onclick 命令 添加 验证 客户端 | 更新日期: 2023-09-27 18:00:54

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();"/>
}

在向input标记添加onclick时,客户端验证不起作用。我在Application_Start方法中添加了以下两个参数。

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

请帮我解决这个问题。

客户端验证没有在添加";onclick";命令

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

您需要添加具有相应验证消息的相关输入,即

@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((

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

它工作于