输入[max]进行验证不起作用

Question

Html代码：

<input type='number' name='input_name_here' max='10' placeholder='Enter a number less than 10'>

$('input[max]').each(function()
{
  maxValue=$(this).attr("max");
  inputValue=$(this).val();
  if(inputValue>maxValue)
    alert("Please consider the Maximum permited value");
});

但这不起作用。我做得对吗？

Answer 1

我以为你这样做了

<input type="" max="50" name="max" value="100">


$('input[name="max"]').each(function()
{
  var maxValue=$(this).attr("max");
  var inputValue=$(this).val();
  alert(maxValue);alert(inputValue);
  if(inputValue>maxValue)
    {
      alert("yes");
    }
});

Answer 2

您的逻辑没有错误。

$('input[max]').each(function()适用于具有max属性的输入。如果您的代码没有进入each部分，则需要检查jQuery代码的其余部分。

我已经用你的代码制作了Fiddle，看看它。这确实有效。对于数学输入，建议您包含parseInt或parseFloat，以便在验证中省略错误。

Answer 3

您使用的是数据属性

吗？

使用如下：

    $("input").find("[data-max='" + current + "']");