如何在javascript中收听表单提交事件？

Question

如何在javascript中收听表单提交事件？我想写自己的表单验证javascript库，我一直在谷歌上查看如何检测是否点击了提交按钮，但我找到的只是代码，你必须onSubmit="function()"在html中使用onClick 。我想制作这个javascript，以便我不必触摸任何HTML代码，如添加onSubmit或onClick javascript。

Answer 1

这是最简单的方法，您可以在onSubmit发生时调用自己的javascript函数。

HTML

<form>
    <input type="text" name="name">
    <input type="submit" name="submit"></form>

JavaScript的

window.onload = function() {
    var form = document.querySelector("form");
    form.onsubmit = submitted.bind(form);}function submitted(event) {
    event.preventDefault();}

Answer 2

根据您的要求，您也可以在没有像jQuery这样的库的情况下执行以下操作：

把它添加到你的头脑中：

window.onload = function () {
    document.getElementById("frmSubmit").onsubmit = function onSubmit(form) {
        var isValid = true;
        //validate your elems here
        isValid = false;

        if (!isValid) {
            alert("Please check your fields!");
            return false;
        }
        else {
            //you are good to go
            return true;
        }
    }}

你的表单可能看起来像：

    <form id="frmSubmit" action="/Submit">
        <input type="submit" value="Submit" />
    </form>