Javascript 如果文本框验证失败，如何在文本框上放置引导工具提示？

如果没有值（空），我想对textbox执行验证

如果验证失败，我想在文本框上显示工具提示

这是我的文本框：

<input type="text"  id="txtNo1" />
<input type="text"  id="txtNo2" />
<input type="text"  id="txtNo3" />

<input type="button" onclick="return ManipulateValue();">



function ManipulateValue() {
        var isValid = true;
         $('#txtNo1,#txtNo2,#txtNo3').each(function () {
            if ($.trim($(this).val()) == '') {
                isValid = false;
                $(this).css({
                    "border": "1px solid red",
                    "background": "#FFCECE"
                });
                $(this).tooltip('show'); //not working
            }
            else {
                $(this).css({
                    "border": "",
                    "background": ""
                });
                //$(this).tooltip('hide'); //not working
            }
        });
        if (isValid == false) {
            return false;
        }
       //ajax call to my controller method
     return true;
}

函数manufactureValue（）{
var isValid=true；
$（'#txtNo1，#txtNo2，#txtNo3'）。每个（函数（）{
if（$.trim（$（this.val（））=''）{
isValid=false；
$（this.css）({
“边框”：“1px纯红”，
“背景”：“FFCECE”
});
$（this）.tooltip（'show'）；//不工作
}
否则{
$（this.css）({
“边界”：“，
“背景”：”
});
//$（this）.tooltip（'hide'）；//不工作
}
});
if（isValid==false）{
返回false；
}
//对我的控制器方法的ajax调用
返回true；
}

我已经检查了引导工具提示的示例，甚至尝试过它，但它不起作用

---

因此，如何使用引导工具提示验证我的文本框？？？

首先，您应该包括调用工具提示（）的步骤

---

有一个可用于引导的直接插件，请尝试使用此插件。首先，您应该包括调用工具提示（）的插件

---

有一个可用于引导的直接插件，请尝试使用此插件。首先，您应该包括调用工具提示（）的插件

---

有一个可用于引导的直接插件，请尝试使用此插件。首先，您应该包括调用工具提示（）的插件

---

有一个直接的插件可用于引导，请尝试使用这个

这里有一个如何使用引导和jQuery实现这一点的工作示例，但是您还应该说明如何将验证放在一起，因为有各种方法；此工具提示示例取自

$（“#valForm”）。验证({
错误：功能（错误映射、错误列表）{
//清除有效元素的所有工具提示
$.each（this.validElements（），函数（索引，元素）{
变量$element=$（element）；
$element.data（“title”，“”）//清除标题-不再有相关错误
.removeClass（“错误”）
.工具提示（“销毁”）；
});
//为无效元素创建新的工具提示
$.each（错误列表、函数（索引、错误）{
var$element=$（error.element）；
$element.tooltip（“destroy”）//销毁任何预先存在的工具提示，以便我们可以重新填充新的工具提示内容
.数据（“标题”，错误消息）
.addClass（“错误”）
.tooltip（）；//根据刚才在标题中设置的错误消息创建新的工具提示
});
},
submitHandler:函数（表单）{
警告（“这是一个有效的表单！”）；
}
});
$（“#重置”）。单击（函数（）{
var validator=$（“#valForm”）.validate（）；
validator.resetForm（）；
});
正文{
背景：rgba（255,255,255,0.45）；
}
.包装纸{
填充顶部：75px；
}
#valForm输入{
宽度：100%；
高度：50px；
填充：5px20px；
边缘底部：10px；
字体大小：16px；
}
#valForm select{
宽度：100%；
填充：5px20px；
边缘底部：10px；
字体大小：16px；
边框：1px实心#ccc；
高度：50px；
-webkit外观：无；
-moz外观：无；
外观：无；
}
形式#形式{
填充：10px；
}
#valForm.错误{
边框：3px实心#b94a48！重要；
背景色：#费用！重要；
}
#valForm标签{
显示：块；
边缘底部：10px；
颜色：#1c1c；
}
#valForm.form组{
显示：内联块；
}
#valForm.btn初级{
宽度：100%；
高度：50px；
边界半径：0px；
字体大小：400；
字体大小：25px；
背景#70CCF4；
边框颜色：#fff；
边缘底部：15px；
}
#valForm.btn清除{
宽度：100%；
高度：50px；
边界半径：0px；
字体大小：400；
字体大小：25px；
背景：#C91B08；
边框颜色：#fff；
颜色：#fff；
边缘底部：15px；
}
#valForm.tooltip>.tooltip内部{
背景色：#f00；
}
#valForm.tooltip>.tooltip箭头{
边框顶部颜色：#f00；
}

需要一个名称。
需要一封有效的电子邮件。
需要一个介于1和20之间的数字。
挑选
选择1
选择2
选择3
需要一种选择。
验证
下面是一个如何使用Bootstrap&jQuery实现这一点的工作示例，但您还应该说明如何将验证组合在一起，因为有多种方法；此工具提示示例取自


$（“#valForm”）。验证({
错误：功能（错误映射、错误列表）{
//清除有效元素的所有工具提示
$.each（this.validElements（），函数（索引，元素）{
变量$element=$（element）；
$element.data（“title”，“”）//清除标题-不再有相关错误
.removeClass（“错误”）
.工具提示（“销毁”）；
});
//为无效元素创建新的工具提示
$.each（错误列表、函数（索引、错误）{
var$element=$（error.element）；
$element.tooltip（“destroy”）//销毁任何预先存在的工具提示，以便我们可以重新填充新的工具提示内容
.数据（“标题”，错误消息）
.addClass（“错误”）
.tooltip（）；//根据刚才在标题中设置的错误消息创建新的工具提示
});
},
submitHandler:函数（表单）{
警告（“这是一个有效的表单！”）；
}
});
$（“#重置”）。单击（函数（）{
var validator=$（“#valForm”）.validate（）；
validator.resetForm（）；
});
正文{
背景：rgba（255,255,255,0.45）；
}
.包装纸{
填充顶部：75px；
}
#valForm输入{
宽度：100%；
高度：50px；
填充：5px20px；
最低保证金：10