客户端必需错误消息未显示

时间:2018-12-08 04:56:55

标签: asp.net-mvc vb.net data-annotations requiredfieldvalidator

我想在表单上实现客户端验证,但是当我不放置数据时,没有显示所需的错误消息。 脚本已正确加载到布局文件中。 在其余视图中,必填消息将正确显示,并且程序可以正常运行。 我已将此主题的代码发送给附件。

控制器:

  <HttpPost()>
        Function GalleryFiles1(ByVal docs As MachininfoDocs, ByVal imgUp As HttpPostedFileBase) As ActionResult
            If ModelState.IsValid Then
                If imgUp IsNot Nothing And IsImage(imgUp) Then
                    docs.FileName = Guid.NewGuid().ToString() & Path.GetExtension(imgUp.FileName)
                    docs.DocGroup = 1
                    docs.MachininfoID = PVMachinInfoId

                    imgUp.SaveAs(Server.MapPath("/Images/MachinImages/" & docs.FileName))
                    Dim img As New ImageResizer()
                    img.Resize(Server.MapPath("/Images/MachinImages/" & docs.FileName), Server.MapPath("/Images/MachinImages/Thumb/" & docs.FileName))
                    db.MachininfoDocs.Add(docs)
                    db.SaveChanges()
                End If
            End If
            Return RedirectToAction("GalleryFiles1", New With {Key .id = docs.MachininfoID})
        End Function

查看:

@ModelType Machinary.MachininfoDocs
@Code
    ViewData("Title") = "اسناد مالکیت"
    Layout = "~/Views/Shared/_Layout.vbhtml"
End Code

@Using (Html.BeginForm("GalleryFiles1", "Machininfo", FormMethod.Post, New With {.enctype = "multipart/form-data"}))

    @Html.AntiForgeryToken()
    @Html.HiddenFor(Function(model) model.MachininfoID)

    @<div Class="panel">

        <header Class="panel-heading tab-bg-dark-navy-blue">
            <Label Class="bg-transparent wht-color"> اطلاعات جامع ماشین آلات- اسناد مالکیت</Label>
        </header>
        <br />

        <div Class="form-horizontal panel-body">
            <div class="col-md-4">
                @Html.ValidationSummary(True, "", New With {.class = "text-danger"})

                <div class="form-group">
                    @Html.LabelFor(Function(model) model.Title, htmlAttributes:=New With {.class = "control-label col-md-2"})
                    <div class="col-md-10">
                        @Html.EditorFor(Function(model) model.Title, New With {.htmlAttributes = New With {.class = "form-control"}})
                        @Html.ValidationMessageFor(Function(model) model.Title, "", New With {.class = "text-danger"})
                    </div>
                </div>

                <div class="form-group">
                    @Html.LabelFor(Function(model) model.FileName, htmlAttributes:=New With {.class = "control-label col-md-2"})
                    <div class="col-md-10">
                        <input type="file" name="imgUp" class="form-control-file" />
                        @Html.ValidationMessageFor(Function(model) model.FileName, "", New With {.class = "text-danger"})
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-offset-2 col-md-10">
                        <input type="submit" value="ثبت" class="btn btn-success" />
                    </div>
                </div>
                <br />

            </div>
            <div class="col-md-8">
                @code
                    Dim al As List(Of MachininfoDocs) = ViewBag.Docs
                End code
                <Table Class="table table-bordered table-responsive-sm">
                    <tr>
                        <th class="col-md-3"> تصویر</th>
                        <th class="col-md-7"> عنوان</th>
                        <th>
                        </th>
                    </tr>
                    @For Each item In al
                        @<tr id="tbrow_@(item.Id)">
                            <td>
                                <img style="width:100% ; height:120px" src="~/Images/MachinImages/Thumb/@item.FileName" class=" img-thumbnail" />
                            </td>
                            <td>
                                @item.Title
                            </td>
                            <td>
                                <a class="btn btn-sm btn-danger" onclick="DeleteTbRow(@item.Id)">
                                    <i class="glyphicon glyphicon-trash btn btn-danger btn-sm"></i>
                                </a>

                            </td>

                        </tr>
                    Next

                </Table>

            </div>
        </div>
    </div>
End Using

<div class="pull-left btn btn-default">
    @Html.ActionLink("برگشت به لیست", "Index")
</div>

@section MyScripts
<script>
    function DeleteTbRow(id) {
        if (confirm('آیا از حذف مطمئن هستید ؟')) {
            $.get("/Machininfo/DeleteGallery/" + id,
                function () {
                    $("#tbrow_" + id).hide('slow');
                });
        }
    }
</script>
End Section

MetaData类:

Imports System.ComponentModel
Imports System.ComponentModel.DataAnnotations
Friend Class MachininfoDocsMetaData
    <ScaffoldColumn(False)>
    <Bindable(False)>
    Public Property Id As Integer
    Public Property MachininfoID As Integer
    Public Property DocGroup As Integer

    <Required(AllowEmptyStrings:=False, ErrorMessage:="لطفاً {0} را به درستی درج نمائید")>
    <DisplayName("عنوان")>
    <Display(Name:="عنوان")>
    <StringLength(200, ErrorMessage:="مقدار {0} نباید بیش از 200 کاراکتر باشد")>
    Public Property Title As String

    <DisplayName("انتخاب فایل")>
    <Display(Name:="انتخاب فایل")>
    Public Property FileName As String

End Class
<MetadataType(GetType(MachininfoDocsMetaData))>
Partial Public Class MachininfoDocs

End Class

1 个答案:

答案 0 :(得分:0)

一个常见的错误是谁使用mvc默认捆绑软件而忘记将捆绑软件导入布局中

@Scripts.Render("~/bundles/jqueryval")

此外,您还应该在web.config应用程序设置中激活它们

<appSettings>
  <add key="UnobtrusiveJavaScriptEnabled" value="true" />
  <add key="ValidationSettings:UnobtrusiveValidationMode" value="none" />