在调用函数之前如何强制执行表单输入约束？

Question

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

的jQuery

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

HTML

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

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

• required
• type="number"
• step="any"

问题

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

我需要用什么逻辑来引入条件：

＆＃34;只有在满足表单输入约束的情况下才调用函数myFunction＆＃34;

编辑：我应该澄清一下，我正在努力实现“没有多余的装饰”。 （即没有插件）解决方案，赞扬浏览器操作警告用户字段约束。如果这不是最佳做法，我会从http://www.unheap.com/section/validation/之类的地方寻找验证插件。

Answer 1

我想在你致电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();  
});