javascript - 我想通过输入类型按钮而不是提交来检查表单验证，有人可以帮忙吗？

Question

我只想验证表单而不想提交它，这样我就可以通过在表单验证后调用函数“myfunction()”来使用表单值来修改同一html页面的其他部分。为此，我想使用一个按钮来提示我所需的代码。我的代码如下:-

            <form name="form1">
                <input type="text" name="name1" required></input>
                <button onclick="myfunction()" ></button>        // i want to validation of form by this button
            </form>

Answer 1

您可以通过将表单的 onsubmit 事件设置为 return false; 来尝试，如下所示:

<form name="form1" onsubmit="return false;">
    <input type="text" name="name1" required></input>
    <button onclick="myfunction();" ></button>
</form>

这不会在单击按钮时提交表单，而是会执行 myfunction()。

如果您了解 jQuery，那么您可以按如下方式执行此操作:

$('form[name="form1"]').submit(function (event) {
    // This will prevent form being submitted. 
    event.preventDefault();
    // Call your function.
    myfunction();      
});