Javascript 使用jQuery或Javasript作为无效输入警报的弹出窗口

我正在使用此popover警报处理表单提交时的无效输入：

$(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之间的数值输入），我是否必须单独对其进行编码，或者我是否可以为这个特定实例将一个新类链接到这个类？目前我有一个单独的类和完整的代码，因为我不太熟悉多类查询

第三，我在query中写了这个，但是我在页面上也有JS，在同一个JS文件中使用这两种格式是不是很糟糕？如果是这样，我是否需要将所有这些更改为JS？如果是，是否可能

另一个问题-我可以控制弹出窗口出现的位置吗？我可以让它显示为锚定到输入的底部吗？目前它在右边工作

最后，当用户在输入中输入一个新的数字时，我希望弹出窗口淡出。我怎样才能做到这一点？我在想也许2秒会消失

对于所有的问题，我感到抱歉，我对Query和JS非常陌生，这是一个令人兴奋的突破，走到今天：）