jQuery验证在PHP中不能正常工作
jQuery验证在PHP中不能正常工作
提问于 2018-06-22 04:12:50
我尝试使用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验证工作，但实际上，正在工作的验证(在其他输入字段中)是HTML5的验证。
如何让它工作？
回答 1
Stack Overflow用户
发布于 2018-06-22 04:14:49
我觉得你的选择器不太好。
尝试替换此行：
$(#"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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50976789
复制相关文章
相似问题