Window Modal Semantic UI Submit and Validation on Form

0

I have a modal window using the semantic framework UI, I can give submit calmly using the Helper @ Html.BeginForm it does the validation of 1 field, but the others do not.

I need to do this validation via jquery when I submit it by looking at the framework I have the following form validation link outside this I have the following SOen link that explains a little, but I do not understand much link and follow my code:

Modal and Jquery from the main window

JS:

<script type="text/javascript">
    $(function () {
        $('.ui.small.modal.create').hide();
        $('#ADDTopico').click(function () {
            $('.ui.small.modal.create')
                .modal('show');
        });
    });
</script>

html:

<i class="close icon"></i>
<div class="header">
    Novo Tópico
</div>
<div class="content">
    @using (Html.BeginForm("ICreateTopicos", "IForum", FormMethod.Post, new { @class = "ui fluid form" }))
            {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="field">
            <div class="ui left icon input">
                @Html.TextAreaFor(model => model.ftpc_descricao, new { placeholder = "Descrição" })
                <div class="ui blue basic label">
                    @Html.ValidationMessageFor(model => model.ftpc_descricao)
                </div>
            </div>
        </div>
        <div class="field">
            <div class="ui left icon input">
                <div class="ui checkbox">
                    <input type="checkbox" name="ftpc_st_id" id="ftpc_st_id">
                    <label>Ativo?</label>
                </div>
            </div>
        </div>
        <div class="field">
            <div class="ui left icon input">
                @Html.Action("ITDisciplinas", "IForum")
                <div class="ui blue basic label">
                    @Html.ValidationMessageFor(model => model.ftpc_dp_id)
                </div>
            </div>
        </div>
        <div class="actions">
            <div class="ui black deny button">
                Cancelar
            </div>
            <button type="submit" id="btnSave" name="Command" class="ui positive right labeled icon button" value="Entrar">
                Entrar
                <i class="save icon"></i>
            </button>
        </div>
    }
</div>

Main Window

<div class="ui grid specialIDP">
    <div class="sixteen wide blue text column centered">
        <h1 class="">Tópicos | Forum</h1>
    </div>
</div>



<div class="ui grid centered">
    <div class="three wide column">
        <a class="ui labeled blue icon button" id="ADDTopico">
            <i class="add square icon"></i>
            Novo Tópico
        </a>
    </div>
    <div class="six wide column"></div>
    <div class="five wide column">
        <div class="ui grid">
            <div class="two wide text middle column">
                Filtro:
            </div>
            <div class="ten wide column">
                @Html.Action("ITDisciplinas", "IForum")
            </div>
            <div class="four wide column">
                <div class="ui checkbox">
                    <input type="checkbox" name="example">
                    <label>Desativado?</label>
                </div>
            </div>
        </div>

    </div>
</div>

<div class="ui grid centered">
    <div class="fifteen wide column">
        @Html.Action("IGridForum")
    </div>
</div>

<div class="ui small modal create">
    @Html.Action("ICreateTopicos")
</div>
<div class="ui grid"></div>
    
asked by anonymous 15.06.2016 / 00:48

0 answers