在調用函數之前如何執行表單輸入約束？

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"

問題

提交按鈕點擊時，這些限制不會強制執行。

什麼邏輯，我需要引進條件的影響：

「只有調用函數myFunction如果表單輸入的限制已經達到」

編輯：我要澄清，我想實現一個「無褶邊」（即無插件）解決方案，使瀏覽器的行爲能夠提醒用戶注意字段限制。如果這不是最佳做法，但我會從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(); 
});