Jquery 如何在调用函数之前强制满足表单输入约束？

我使用onclick事件来调用将formData内容提交到数据库的函数

jQuery

$(document).on("click", "input.my_class", function (e) {
e.preventDefault();
myFunction();  
});  

HTML

<input type="button" value="submit" class="my_class">

表单中的输入字段具有各种约束，即：

• 必填项

• type=“number”

• step=“any”

问题

单击“提交”按钮时不会强制执行这些约束

我需要什么样的逻辑来引入条件以实现以下效果：

“仅在满足表单输入约束的情况下调用函数

myFunction

”

---

编辑：我应该澄清一下，我正在尝试实施一个“无装饰”（即无插件）解决方案，该解决方案在提醒用户注意字段限制方面对浏览器的操作进行了补充。如果这不是最好的做法，虽然我会寻找一个验证插件从某处像

我想在调用

myFunction

$(document).on("click", "input.my_class", function (e) {
    e.preventDefault();

    //CHECK HERE, IF BAD, return;
    //if (this.value && this.value.length > someLength) //so on
    myFunction();  
});  

---

您可以重新创建控制盘，或使用现有库：