Question

我正在尝试使用jQuery Validate验证包含在PHP echo语句内的表单的输入字段，但没有任何反应。这是代码：

else {
    echo 
         '<form method="post" class="cmxform" id="cadastraAtividade" action="/?action=cadastrar_ativ_ext&sub_action=gravar_banco">
            <div>
                <label>Nome da Atividade:</label><br />
                <input type="text" size="50" id="nome" name="cac_atividade_nome" value=""/>
             </div>

             <div>
                <label>Data:</label>
                <script>DateInput("cac_atividade_data", true, "YYYY/MM/DD")</script>
            </div>

            <div>
                <label>Início:</label><input id="time1" type="time" name="cac_atividade_inicio" value="" required/>
                <label>Finalização:</label> <input id="time2" type="time" name="cac_atividade_final" value="" required/><br />
            </div>

            <div>
                <label>Descrição:</label><br /><textarea name="cac_atividade_descricao" rows="10" cols="60" minlength=10 required></textarea></div><div>
                <input class="submit" type="submit" id="botao" value="Submit"/>
             </div>
         </form>

         <script src="js/jquery.min.js"></script>
         <script src="js/jquery.validate.js"></script>

         <script>
         $(#"cadastraAtividade").validate(
         {
            rules: {
                nome: {
                    required: true,
                    minlength: 10
                }
            }
        });
         </script>';
}

我只写了一条规则，从那以后我就陷入了困境。另外，我在某处读到，输入字段上的“必需”名称足以满足jQuery Validation的要求，但实际上，在其他输入字段中有效的验证是HTML5。

如何使其工作？

Answer 1

我认为您的选择器不正确。

尝试替换此行：

$(#"cadastraAtividade").validate(

在此行中，#在双引号内：

$("#cadastraAtividade").validate(

$("#cadastraAtividade").validate({
  rules: {
    nome: {
      required: true,
      minlength: 10
    }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.js"></script>
<form method="post" class="cmxform" id="cadastraAtividade" action="/?action=cadastrar_ativ_ext&sub_action=gravar_banco">
  <div>
    <label>Nome da Atividade:</label><br />
    <input type="text" size="50" id="nome" name="cac_atividade_nome" value="" />
  </div>

  <div>
    <label>Data:</label>        
  </div>

  <div>
    <label>Início:</label><input id="time1" type="time" name="cac_atividade_inicio" value="" required/>
    <label>Finalização:</label> <input id="time2" type="time" name="cac_atividade_final" value="" required/><br />
  </div>

  <div>
    <label>Descrição:</label><br /><textarea name="cac_atividade_descricao" rows="10" cols="60" minlength=10 required></textarea></div>
  <div>
    <input class="submit" type="submit" id="botao" value="Submit" />
  </div>
</form>

注意：我已从代码段中删除了<script>DateInput("cac_atividade_data", true, "YYYY/MM/DD")</script>

jQuery Validate在PHP

1 个答案: