Javascript 用于检查空文本框的Tooltipster jQuery插件
我正在使用tooltipser在我的网站上放置样式,但我尝试了以下代码来检查文本框是否为空,但它不起作用。有人能帮我吗 HTML表单Javascript 用于检查空文本框的Tooltipster jQuery插件,javascript,jquery,html,jquery-tooltip,Javascript,Jquery,Html,Jquery Tooltip,我正在使用tooltipser在我的网站上放置样式,但我尝试了以下代码来检查文本框是否为空,但它不起作用。有人能帮我吗 HTML表单 jQUERY(Tooltipster) 函数检查() { if(!studentform.suid.value) { $('.suid').tooltipster({ 动画:“成长”, 延误:200, 主题:“工具提示默认值”, 触摸设备:没错, 触发器:“悬停”, 位置:'右' });返回(假); } 如果(!studentform.pass.value)
jQUERY(Tooltipster)
函数检查()
{
if(!studentform.suid.value)
{
$('.suid').tooltipster({
动画:“成长”,
延误:200,
主题:“工具提示默认值”,
触摸设备:没错,
触发器:“悬停”,
位置:'右'
});返回(假);
}
如果(!studentform.pass.value)
{
$('.pass')。工具提示({
动画:“成长”,
延误:200,
主题:“工具提示默认值”,
触摸设备:没错,
触发器:“悬停”,
位置:'右'
});
返回(假);
}
else{return true;}
}
删除返回(false)代码>,它会导致函数在第一次成功初始化tooltipster后终止,如果:抱歉,您误解了我,检查进行得很好,我使用javascript警报框进行了检查。我想弄清楚如何使工具提示出现,我明白了,这里的工作代码是:同时更新了答案,返回(false);导致函数在第一个if条件下成功初始化tooltipster后停止执行。
<form name="studentform" method="POST" action="index.php" role="form" onsubmit="return check(this)" autocomplete="off">
<center>
<input type="text" name="suid" class="suid" id="suid" placeholder="STUDENT NO." title="Student No. is required">
<input type="password" name="pass" id="pass" class="pass" placeholder="PASSWORD" title="Password is required">
<input type="submit" name="login" class="sub" value="LOG IN">
</center>
</form>
<script>
function check()
{
if (!studentform.suid.value)
{
$('.suid').tooltipster({
animation: 'grow',
delay: 200,
theme: 'tooltipster-default',
touchDevices: true,
trigger: 'hover',
position: 'right'
});return (false);
}
if (!studentform.pass.value)
{
$('.pass').tooltipster({
animation: 'grow',
delay: 200,
theme: 'tooltipster-default',
touchDevices: true,
trigger: 'hover',
position: 'right'
});
return (false);
}
else {return true;}
}
</script>