提交功能的Javascript答案

【问题标题】：Javascript on submit function提交功能的Javascript
【发布时间】：2019-01-24 06:21:04
【问题描述】：

我有一个简单的问题，实际上应该很简单，但我无法通过许多搜索在线找到它。我有一个 HTML 表单和一个提交按钮。在表单中，我有一个用于验证的“onsubmit()”事件。在我返回我的 onsubmit 值后如何调用提交函数，如果为 true do ‘thissubmit()’ 我目前有一个 onsubmit 函数（）如果我的函数返回 true，那么我调用 - document.forms["formsignin"].submit();返回真；那是我的 jQuery '$(myForm).on("submit", function () {}' 我只想在 Javascript 中执行此操作，而不是使用 $(myform).on() jQuery 方式。

<form id="fsignin" onsubmit="return validateit();">

<button type=”submit”>Sign in</button>

</form>

Function validateit() { 
do validation stuff if(….){document.forms["formsignin"].submit();      return true;

$(myForm).on("submit", function () {     

    if (validateit()) {
    }

}

【问题讨论】：

标签： javascript

【解决方案1】：

您的格式不正确。你有一个提交属性和一个通过 jQuery 提交的事件。你只需要一个，或者 JS 的 addEventListener。

表单的名称或 ID 错误。

然后你不会调用提交，只需返回 true 继续提交。

尝试孤立地研究不同的方法。您需要先了解它们，如果需要，您可以考虑将它们组合起来

【讨论】：

【解决方案2】：

首先，验证onSubmit()函数上的每个条件，并使用html按钮中的onclick方法调用该函数。如果该条件为真，则将转到下一个条件，依此类推。如果所有条件都成立，则提交表格。如果不是，则返回 false 并退出函数。

示例：

onSubmit(){
    if(!validateCondition1){
        enter code here
        return false;
    }
    if(!validateCondition2){
        enter code here
        return false;
    }
     ....submit code.....
}

【讨论】：