javascript - 提交表单时是否可以使用操作 ="someFunction()"？

Question

在网上查了一下，我还没有看到很多设置函数等于函数的例子。然而，在我发现的几个论坛中，似乎很多人都说这种方法没有得到广泛支持。

为了解释我的问题，我有一个表格，我想在上面实现这个:

<table border="0" cellpadding="2" cellspacing="5">
                <th colspan="2" align="center">Check Out</th>
                <form name="checkOut" method="post" onSubmit="return(validate(this))" action="checkOut()"> 
                    <tr><td>Territory Number</td><td><input type="text" name="numberOut" tabindex="1" maxlength="3" size="3" /></td>
                    </tr><tr><td>First Name of Publisher</td><td><input type="text" onKeyUp="showHint(this.value)" name="fName" tabindex="2" maxlength="15"/></td>
                    </tr><tr><td>Last Name of Publisher</td><td><input type="text" onKeyUp="showHint_l(this.value)" name="lName" tabindex="3" maxlength="15" /></td>
                    </tr><tr><td><input type ="checkbox" name="specialC" tabindex="4" value="Yes"/> Special Campaign</td>
                    </tr><tr><td><input type="button" onClick="clearForm()" value="Reset" /></td><td><input type="submit" value="Check Out" /></td>
                </form>
                <p>Suggestions: <span id="txtHint"></span></p>
            </table>

更具体地说，checkOut() 函数将使用 ajax 将表单值提交到一个针对数据库运行一些插入命令的 php 脚本(我想使用 ajax 来学习该技术，因为我对基于网络的语言。因此，我想暂时推迟使用 jQuery)。截至目前，我还没有该函数的示例。

当然，这就引出了一个问题，我可以简单地将该函数放入事件处理程序中:onSubmit =“checkOut()”吗？同时，我会留下action=""？我假设整个函数将执行 php 脚本并完全执行我想要的操作，而无需单独的操作脚本。

如有任何反馈，我们将不胜感激。

Answer 1

使用<input type="button" /> (或 anchor ，或 button ，或其他)而不是 <input type="submit" /> 。在按钮的点击事件上，执行:

if(validate(document.getElementById("formId"))){
    // post the form w/ AJAX
    checkOut();
}

请记住，任何基于脚本的解决方案都应该有一个非脚本选项。在这种情况下，只需输入 <input type="submit" /> 即可。里面noscript标签。

顺便说一句，您的标记无效。一个form不能显示为 table 的直接子级.