jQuery Validate和jQuery-UI Tooltip

时间:2015-06-18 15:24:44

标签: javascript jquery jquery-ui jquery-validate jquery-ui-tooltip

我请求你的帮助,因为我在使用jQuery-UI工具提示和jQuery验证时遇到了一些问题。 jsFiddle可以是found here。基本上问题是,如果我为特定字段设置静态注释。当我尝试验证字段的内容时,如果出现错误,则显示工具提示设置的静态消息,而不是显示错误消息。

HTML code:

<form method="post">
<table>
    <tr>
        <td>
            <label for="name">Name</label>
        </td>
        <td>
            <input type="text" title="Complete name" required="required" id="name"/>
        </td>
    </tr>
    <tr>
        <td>
            <label for="address">Address</label>
        </td>
        <td>
            <input type="text" title="Complete address" required="required" id="address"/>
        </td>
    </tr>
    <tr>
        <td>
            <label for="comments">Comments</label>
        </td>
        <td>
            <input class="alphanumeric" type="text" title="additional comments" id="comments" required="required"/>
        </td>
    </tr>
</table>
<input type="submit" value="submit"/>

JS代码:

$(document).ready(function(){
    $('input').tooltip();
    $('form').validate();
});

在绝望的行为中,我遵循了这些instructions,但遗憾的是无效。

在这种情况下,是否有人有解决办法或最佳做法?

0 个答案:

没有答案