我正在尝试使用 KendoUI 验证联系表单,但我遇到了 Kendo Validator 问题,验证消息没有出现在每个字段旁边应该出现的位置,它出现在我单击的第一个字段旁边当页面加载时,当我点击一个不同的字段时,验证消息会改变但它的位置不会改变,它保持在我点击的第一个字段旁边。我希望你能帮助我,谢谢。
正如您在此处看到的,应该添加工具提示的跨度仅出现在我单击的元素中:
在 Telerik 的示例中,它出现在每个必需的元素上: 这基本上是我正在使用的代码:
<form action="contact.php" method="post" id="contact-form">
<ul>
<li>
<label for="contact-name">Nombre: </label>
<input type="text" placeholder="Nombre completo" id="contact-name" required validationMessage="Nombre completo por favor">
</li>
<li>
<label for="contact-company">Empresa: </label>
<input type="text" placeholder="Empresa" id="contact-company">
</li>
<li>
<label for="contact-phone">Telefono: </label>
<input type="tel" placeholder="Telefono" id="contact-phone" required validationMessage="Numero de telefono por favor">
</li>
<li>
<label for="contact-name">Correo electronico: </label>
<input type="email" placeholder="Correo electronico" id="contact-email" data-email-msg="Email format is not valid">
</li>
<li>
<label for="contact-subject">Asunto: </label>
<input type="text" placeholder="Asunto" id="contact-subject" required validationMessage="Asunto por favor">
</li>
<li>
<label for="contact-message">Mensaje: </label>
<textarea id="contact-message" cols="30" rows="10" placeholder="Ingrese el mensaje que desea enviar" required validationMessage="Mensaje por favor"></textarea>
</li>
<li>
<input type="submit" value="Enviar">
</li>
</ul>
</form>
一个JS
$('#contact-form').kendoValidator();
这与 Telerik 的示例中的代码基本相同: KendoUI Validator example