javascript - 如何使用 javascript 捕获 html 表单提交？

Question

目前我有几个文本输入，然后是一个类型图像提交按钮。在提交按钮上，我有 onmouseover、onmouseout 等。这会将它们发送到处理图像更改以实现悬停效果的 javascript 函数。我想做的是提交表格，然后做一些检查，比如密码是否匹配等等。我会使用表单标签的 action 属性将其提交给 javascript 函数吗？

Answer 1

首先，我建议使用 jQuery 之类的东西。它使代码更易于管理。以下是您在 jQuery 中的操作方式：

$('form').submit(function(e) {
    var validated = true;
    // do form validation

    if (!validated) {
        e.preventDefault();
    }

    return validated;
});

以下是您在纯 javascript 中的操作方式：

// function to make sure we add the event correctly no matter which browser
function addEvent(evnt, elem, func) {
    if (elem.addEventListener) {  // W3C DOM
        elem.addEventListener(evnt,func,false);
    } else if (elem.attachEvent) { // IE DOM
        elem.attachEvent("on"+evnt, func);
    } else { // No much to do
        elem[evnt] = func;
    }
}

// get first form on page
var form = document.forms[0];
addEvent('submit', form, function(e) {
    var validated = true;
    // do form validation

    if (!validated) {
        e.preventDefault();
    }

    return validated;
});

Answer 2

<form onsubmit="return cancel()"><input type="submit" /></form>
<script>
function cancel()
{
    //code validation
    var validated = false;
    if(!validated)return false;
    else return true;
}
</script>