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

Question

目前，我有几个文本输入，然后有一个图像输入按钮。 在提交按钮上，我有onmouseover，onmouseout等。这会将它们发送到javascript函数，该函数处理图像变化以产生悬停效果。 我想做的是提交表单，然后进行一些检查，例如密码是否匹配等等。 我会使用form标记的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>