如何解决使用jQuery或Javasript进行无效输入警报的弹出窗口
我正在使用此弹出窗口警报来提交表单时输入了无效的信息:
$(document).ready(function() {
$("#submitCalculation").click(function() {
$(".checkCalc").each(function() {
$val = $(this).val();
if ($val === "") {
$(this).popover({
content: "Please enter a value between 0 and 1000."
});
$(this).popover('show');
}
})
})
})
但是我在同一页面上有七个唯一的输入,所有输入仅需要一个值(数字)。例如,大多数可以接受0到1000之间的数字,因此很容易。现在,我仅对空白输入发出警告。但是,我也想知道如何为任何非数字写$ val。因此,如果他们使用的东西不是小数位或数字0-9,则将弹出一个新警报,提示“仅数字”或类似数字。另外,如果数字太大或太小,就会发出不同的警报。我可以将所有代码都编写为同一代码,还是为任何实例都需要单独的代码?
第二,我有几个具有不同数值限制的输入(一个是介于0.001和1之间的数字输入),我是否必须单独编码一个,或者可以为此特殊情况将一个新类链接到该类?实例?目前,我有一个单独的类和完整的代码,因为我不太熟悉多个类查询。
第三,我已经在查询中编写了此代码,但是我在页面上也有JS,在同一个js文件中同时使用这两个代码是不好的形式吗?如果是这样,我是否需要将所有这些都更改为JS,并且可以吗?
另一个问题-我可以控制弹出窗口的位置吗?我可以让它显示在输入的底部吗?目前它在右侧。
最后,当用户在输入中输入新数字时,我希望弹出窗口消失。我该如何发生?我在想可能会消失2秒。
抱歉,所有问题,我对Query和JS还是陌生的,这是令人激动的突破:)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。