none
Posicionar mensagem de validação em formulário RRS feed

  • Pergunta

  • Olá, 

    Estou iniciando em ASP.NET MVC e me deparei com um problema que não estou conseguindo resolver.

    Criei uma tela que lista os dados de um determinado objeto, com duas opções de filtro.

    Acontece que os campos obrigatórios do filtro tem a mensagem de validação exibidas abaixo do respectivo campo.

    Para renderizar a tela estou usando Bootstrap e sei que meu problema tem relação com a class="form-group".

    Gostaria de saber como posso posicionar a mensagem ao lado do campo.

    Segue o código da tela

    @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)
    
        <div class="form-horizontal Caixa-Filtro">
    
            <div class="form-group">
                @Html.LabelFor(model => model.Booking, "Booking", htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model.Booking, new  {
                        htmlAttributes = new {
                            @class = "form-control autofocus",
                            @Id = "BOOKING",
                            @maxlength = "20",
                            @onkeyup = "this.value = this.value.toUpperCase() ",
                            @autofocus = "autofocus"
                        }
                    })
                    @Html.ValidationMessageFor(model => model.Booking, "", new { @class = "text-danger" })
                </div>
            </div>
    
            <div class="form-group">
                @Html.LabelFor(model => model.Container, "Container", htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model.Container, new {
                        htmlAttributes = new {
                            @class = "form-control",
                            @id = "Container",
                            @onkeyup = "this.value = this.value.toUpperCase()"
                        }
                    })
                    @Html.ValidationMessageFor(model => model.Container, "", new { @class = "text-danger" })
                </div>
            </div>
    
    
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" title="search" value="Search" class="Botton-sub" />
                </div>
            </div>
    
        </div>
    }

    quarta-feira, 5 de setembro de 2018 20:57

Todas as Respostas