我的表单的OnMouseOver通知

时间:2014-11-30 20:18:09

标签: javascript html events onmouseover notify

这就是我需要完成的事情:

对于需要验证的表单字段,当光标停在该字段时 应显示正确输入格式的说明。

我目前正在尝试使用的是onmouseover事件,但我不知道如何创建通知框来显示格式。我不想要一个警报,而是另一个盒子弹出一边说明。

这是我想要完成的一个例子:

tooltip

1 个答案:

答案 0 :(得分:0)

使用jQuery实现所需功能的简单方法。

HTML:

<div class="input"> 
    Email: <input type="text" data-toggle="tooltip" title="Insert your e-mail"/>
</div>

使用Javascript:

$('input[data-toggle="tooltip"]').tooltip({
    animated: 'fade',
    placement: 'right',
});

CSS:

.input {
    padding: 10px 3px;
}


示例:http://jsfiddle.net/sfxajL1h/4/

tooltip