关于表单字段验证的 joomla 工具提示

Question

我有一个 Joomla 模块，其 JForm 有几个字段。我为该字段实现了客户端验证，如下所述： https://docs.joomla.org/Client-side_form_validation

当光标悬停在上方时，我还可以根据以下内容显示字段的工具提示消息： https://docs.joomla.org/J3.x:How_to_add_tooltips_to_your_Joomla!_website

但我还不知道如何仅当用户在字段中输入无效数据时才显示这些工具提示。

最好的方法是什么？

非常感谢！

Answer 1

我认为最好的方法是为工具提示使用自定义类，并且只在表单验证上执行 javascript init。 例如：

<span class="hasTipValidation" 
    title="My Tooltip Title :: Tooltip text for hasTipValidation class.">
    <input name="whatever" type="text" /></span>

和

<script type="text/javascript">
    ....
    var f = document.adminForm;
    if (!document.formvalidator.isValid(f)) {
        var JTooltips = new Tips($$('.hasTipValidation'), 
       { maxTitleChars: 50, fixed: false});     
    }
    else { 
       ...
    };
    ...
</script>

但是 imo，这可能不是一个好主意，最好在字段之前或之后直接显示错误，而不需要用户将鼠标悬停在字段上。