javascript - javascriptでhtmlフォーム送信をキャプチャする方法は?

Question

現在、いくつかのテキスト入力があり、次にタイプの画像送信ボタンがあります。送信ボタンには、onmouseover、onmouseout などがあります。これにより、ホバー効果の画像の変更を処理する JavaScript 関数にそれらが送信されます。私がしたいのは、フォームを送信してから、パスワードが一致するかなどのチェックを行うことです。フォームタグのアクション属性を使って何かをして、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>