無法將表單提交為false

Question

所以我有一個表單，如果輸入無效，我不會讓表單像這樣通過

$(".main-form").submit(function(e){
   return false;
});

這不會讓表單通過。 當用戶正確完成所有內容時，我嘗試這樣做

$(".main-form").submit(function(e){
   return true;
});

但由於某種原因，它一直都是false的。 任何解決方法？

Answer 1

您應該使用單個submit處理程序：

$(".main-form").submit() {
    if (...) {
        return true;
    } else {
        return false;
    }
}

where ...包含驗證檢查。 實際代碼可能稍微復雜一些，例如

    if (field1 is invalid) {
        return false;
    } else if (field2 is invalid) {
        return false;
    } 
        ...
    } else {
        return true;
    }

Answer 2

你必須清除舊的處理程序，所以你要像這樣初始化它：

$(".main-form").on('submit', function(e){
    return false;
});

然后更改處理程序：

$(".main-form").off('submit');
$(".main-form").on('submit', function(e){
   return true;
});