Question

我要进行客户端表单验证。

我一直关注https://docs.joomla.org/Client-side_form_validation上的提示

当我按Submit时，我收到一条没有文本的系统消息，即使输入中的所有内容都正确，它也不会提交。

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"/>
<a class="flutuante"  id="navegacao1" title="Ir ao topo">Unity 1</a>
<a class="flutuante"  id="navegacao2" title="Ir ao topo">Unity 2</a>
<a class="flutuante"  id="navegacao3" title="Ir ao topo">Unity 3</a>

<div id="div-unidades" style="height:1000px">

    <div id="unidade1">

            <div class="row">
                <div class="col-md-12">
                    <span class="sessao-unidade">
                        Unity 1
                    </span>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <a class="sessao-titulos" data-toggle="collapse" href="#u1-conteudo-aulas" role="button" aria-expanded="false" aria-controls="u1-conteudo-aulas">
                        Classrooms
                    </a>
                </div>
            </div>

            <div class="collapse" id="u1-conteudo-aulas">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="u1-data-aula">Class number:</label>
                            <input type="number" class="form-control" name="u1-data-aula" id="u1-data-aula">
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="u1-data-aula">Classroom Date:</label>
                            <input type="date" class="form-control" name="u1-data-aula" id="u1-data-aula">
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="u1-tipo-aula">Classroom Type:</label>
                            <select name="" id="u1-tipo-aula" class="form-control">
                                <option hidden="true">Select item</option>
                                <option value="">Presential</option>
                                <option value="">Virtual</option>
                            </select>
                        </div>
                    </div>
                </div>


            <div class="u1-foruns-discussao">
                <div class="row">
                    <div class="col-md-12">
                            <a class="sessao-titulos" data-toggle="collapse" href="#u1-conteudo-foruns" role="button" aria-expanded="false" aria-controls="u1-conteudo-foruns">
                                Unit Discussion Forum
                            </a>
                    </div>
                </div>

                <div class="collapse" id="u1-conteudo-foruns">
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group">
                            <label for="u1-objetivo-forum">Forum Objective</label>
                            <input type="text" class="form-control" name="u1-objetivo-forum" id="u1-objetivo-forum">
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="u1-ativacao-forum">Activation period for the unit:</label>
                            <input type="date" class="form-control" name="u1-ativacao-forum" id="u1-ativacao-forum">
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="u1-avaliacao-forum">Evaluation:</label>
                            <select name="u1-avaliacao-forum" id="u1-avaliacao-forum" class="form-control">
                                <option hidden="true">Select item</option>
                                <option value="">Not rated yet</option>
                                <option value="">With note</option>
                            </select>
                        </div>
                    </div>

                    <div class="col-md-1">
                        <div class="form-group">
                            <label for="u1-peso-forum">Weight (%):</label>
                            <input type="number" class="form-control" name="u1-peso-forum" id="u1-peso-forum" step="1" min="0" max="100">
                        </div>
                    </div>
                </div> 
            </div>
            </div>

            <div class="u1-demais-ferramentas">
                <div class="row">
                    <div class="col-md-12">
                        <a class="sessao-titulos" data-toggle="collapse" href="#u1-conteudo-wiki" role="button" aria-expanded="false" aria-controls="u1-conteudo-wiki">
                            Other tools
                        </a>
                    </div>
                </div>

            <div class="collapse" id="u1-conteudo-wiki">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="u1-possui-wiki">Does the unit have a Wiki?</label>
                            <select name="" id="u1-possui-wiki" class="form-control">
                                <option hidden="true">Select item</option>
                                <option value="">Yes</option>
                                <option value="">No</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div> 
        </div>
    </div>
    </div>
    
    <!--UNIDADE 2 -->
    <div id="unidade2">

            <div class="row">
                <div class="col-md-12">
                    <span class="sessao-unidade">
                        Unity 2
                    </span>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <a class="sessao-titulos" data-toggle="collapse" href="#u2-conteudo-aulas" role="button" aria-expanded="false" aria-controls="u2-conteudo-aulas">
                        Classrooms
                    </a>
                </div>
            </div>

            <div class="collapse" id="u2-conteudo-aulas">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="u2-data-aula">Class number:</label>
                            <input type="date" class="form-control" name="u2-data-aula" id="u2-data-aula">
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="u2-data-aula">Classroom Date:</label>
                            <input type="date" class="form-control" name="u2-data-aula" id="u2-data-aula">
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="u2-tipo-aula">Classroom Type:</label>
                            <select name="" id="u2-tipo-aula" class="form-control">
                                <option hidden="true">Select item</option>
                                <option value="">Presential</option>
                                <option value="">Virtual</option>
                            </select>
                        </div>
                    </div>
                </div>

            <!-- FORUNS DE DISCUSSÃO DA UNIDADE -->

            <div class="u2-foruns-discussao">
                <div class="row">
                    <div class="col-md-12">
                            <a class="sessao-titulos" data-toggle="collapse" href="#u2-conteudo-foruns" role="button" aria-expanded="false" aria-controls="u2-conteudo-foruns">
                                Unit Discussion Forum
                            </a>
                    </div>
                </div>

                <div class="collapse" id="u2-conteudo-foruns">
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group">
                            <label for="u2-objetivo-forum">Forum Objective</label>
                            <input type="text" class="form-control" name="u2-objetivo-forum" id="u2-objetivo-forum">
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="u2-ativacao-forum">Activation period for the unit:</label>
                            <input type="date" class="form-control" name="u2-ativacao-forum" id="u2-ativacao-forum">
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="u2-avaliacao-forum">Evaluation:</label>
                            <select name="u2-avaliacao-forum" id="u2-avaliacao-forum" class="form-control">
                                <option hidden="true">Select item</option>
                                <option value="">Not rated yet</option>
                                <option value="">With note</option>
                            </select>
                        </div>
                    </div>

                    <div class="col-md-1">
                        <div class="form-group">
                            <label for="u2-peso-forum">Weight (%):</label>
                            <input type="number" class="form-control" name="u2-peso-forum" id="u2-peso-forum" step="1" min="0" max="100">
                        </div>
                    </div>
                </div>
            </div>
            </div>

            <!-- Other tools -->

            <div class="u2-demais-ferramentas">
                <div class="row">
                    <div class="col-md-12">
                        <a class="sessao-titulos" data-toggle="collapse" href="#u2-conteudo-wiki" role="button" aria-expanded="false" aria-controls="u2-conteudo-wiki">
                            Other tools
                        </a>
                    </div>
                </div>

            <div class="collapse" id="u2-conteudo-wiki">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="u2-possui-wiki">Does the unit have a Wiki?</label>
                            <select name="" id="u2-possui-wiki" class="form-control">
                                <option hidden="true">Select item</option>
                                <option value="">Yes</option>
                                <option value="">No</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div> 
        </div>
    </div>
    </div>
    
    <!--UNIDADE 3 -->
    <div id="unidade3">

        <div class="row">
            <div class="col-md-12">
                <span class="sessao-unidade">
                    Unity 3
                </span>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <a class="sessao-titulos" data-toggle="collapse" href="#u3-conteudo-aulas" role="button" aria-expanded="false" aria-controls="u3-conteudo-aulas">
                    Classrooms
                </a>
            </div>
        </div>

        <div class="collapse" id="u3-conteudo-aulas">
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="u3-data-aula">Class number:</label>
                        <input type="date" class="form-control" name="u3-data-aula" id="u3-data-aula">
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="u3-data-aula">Classroom Date:</label>
                        <input type="date" class="form-control" name="u3-data-aula" id="u3-data-aula">
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label for="u3-tipo-aula">Classroom Type:</label>
                        <select name="" id="u3-tipo-aula" class="form-control">
                            <option hidden="true">Select item</option>
                            <option value="">Presential</option>
                            <option value="">Virtual</option>
                        </select>
                    </div>
                </div>
            </div>

        <!-- FORUNS DE DISCUSSÃO DA UNIDADE -->

        <div class="u3-foruns-discussao">
            <div class="row">
                <div class="col-md-12">
                        <a class="sessao-titulos" data-toggle="collapse" href="#u3-conteudo-foruns" role="button" aria-expanded="false" aria-controls="u3-conteudo-foruns">
                            Unit Discussion Forum
                        </a>
                </div>
            </div>

            <div class="collapse" id="u3-conteudo-foruns">
            <div class="row">
                <div class="col-md-5">
                    <div class="form-group">
                        <label for="u3-objetivo-forum">Forum Objective</label>
                        <input type="text" class="form-control" name="u3-objetivo-forum" id="u3-objetivo-forum">
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group">
                        <label for="u3-ativacao-forum">Activation period for the unit:</label>
                        <input type="date" class="form-control" name="u3-ativacao-forum" id="u3-ativacao-forum">
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group">
                        <label for="u3-avaliacao-forum">Evaluation:</label>
                        <select name="u3-avaliacao-forum" id="u3-avaliacao-forum" class="form-control">
                            <option hidden="true">Select item</option>
                            <option value="">Not rated yet</option>
                            <option value="">With note</option>
                        </select>
                    </div>
                </div>

                <div class="col-md-1">
                    <div class="form-group">
                        <label for="u3-peso-forum">Weight (%):</label>
                        <input type="number" class="form-control" name="u3-peso-forum" id="u3-peso-forum" step="1" min="0" max="100">
                    </div>
                </div>
            </div>
        </div>
        </div>

        <div class="u3-demais-ferramentas">
            <div class="row">
                <div class="col-md-12">
                    <a class="sessao-titulos" data-toggle="collapse" href="#u3-conteudo-wiki" role="button" aria-expanded="false" aria-controls="u3-conteudo-wiki">
                        Other tools
                    </a>
                </div>
            </div>

        <div class="collapse" id="u3-conteudo-wiki">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="u3-possui-wiki">Does the unit have a Wiki?</label>
                        <select name="" id="u3-possui-wiki" class="form-control">
                            <option hidden="true">Select item</option>
                            <option value="">Yes</option>
                            <option value="">No</option>
                        </select>
                    </div>
                </div>
            </div>
        </div> 
    </div>
</div>
</div>

Joomla表单验证忽略密码字段

0 个答案: