Kendo UI验证程序错误消息未正确定位

Question

我正在尝试使用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示例

Answer 1

正如@OnaBai在他的评论中所述,通过确保name所有已验证字段都具有属性来纠正此问题.

Kendo Validator需要一种方法来确定哪些字段得到验证.首先,验证器检查带有name属性的输入,如果找不到,我看到它的行为不正常.

由于我(并且我确信许多其他开发人员)花费了大量时间对此进行故障排除,因此缺乏对此要求的记录是Telerik的一次不幸的疏忽.