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

Client validation is not working on adding "onclick" command in the input tag

本文关键字：quot onclick 命令 添加 验证 客户端      更新时间：2023-09-26
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；

请帮我解决这个问题。

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

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

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

它工作于

相关文章：