Javascript HTML5或jQuery验证中的自定义验证

我有一个id为

max number的字段

Max number:<input type="number" required  id="max-number">

然后我尝试创建一个js代码，该代码将在所有示例输入上执行：

function myFunction() {
  var maxNumber = parseInt($('#max-number').val());

  var textInputs = $(':input');
  var datas = textInputs.filter('[data-slug]');
  datas.each(
    function (i, e) {
      if (e.value < maxNumber){
        console.log("000");
        $('#max-number').setCustomValidity('The max year should be greater than all examples.');
      }    
    }
  );
}

我不知道为什么我不能这样做：/

我创建了一个
.setCustomValidity（）
不属于
JQUERY
，但是
DOM
使用
$（'max number'）[0]
来使用它，它应该可以工作。
.setCustomValidity（）
不属于
JQUERY
但是
DOM
使用
$（'max number'）[0]
要使用它，它应该可以工作。
问题是
$（“#max number”）
是一个jQuery对象，您正试图调用它。此函数是
HTMLSelectElement
函数，不是jQuery函数

您应该使用
$（“#max number”）[0].setCustomValidity（..）

是小提琴的工作版本
问题是，
$（“#max number”）
是一个jQuery对象，您试图调用它。此函数是
HTMLSelectElement
函数，不是jQuery函数

您应该使用
$（“#max number”）[0].setCustomValidity（..）

是你的小提琴的工作版本
但现在表单从未提交，无论我在那里写什么..？但现在表单从未提交，无论我在那里写什么..？但现在表单从未提交，无论我在那里写什么..？你能理解你的意思吗，控制台中是否有任何ERORR？但现在表单从未提交，不管我在那里写了什么..？我能理解你的意思，控制台中是否有ERORR？
 Example 1: <input  type="number" class="min-num" data-slug="min-number" required id="example-num-1" onblur="myFunction()"/> <br/>
 Example 2: <input  type="number" class="min-num" data-slug="min-number" required id="example-num-2" onblur="myFunction()"/> <br/>
 Example 3: <input  type="number" class="min-num" data-slug="min-number" required id="example-num-3" onblur="myFunction()"/> <br/> <br/>

function myFunction() {
  var maxNumber = parseInt($('#max-number').val());

  var textInputs = $(':input');
  var datas = textInputs.filter('[data-slug]');
  datas.each(
    function (i, e) {
      if (e.value < maxNumber){
        console.log("000");
        $('#max-number').setCustomValidity('The max year should be greater than all examples.');
      }    
    }
  );
}

 uncaught typeerror: $(...).setcustomvalidity is not a function