javascriptでフォームアクション

Question

私は送信時にjavascript関数を実行する必要があるフォームを持っているので、関数はデータをphp sendmailファイルに送り、メールが送信されます。しかし、それは火の狐でのみ動作します。フォームアクションがIEで何もしていないようです、私の質問は：これは、フォームのアクションから外部ファイルから関数を呼び出すための正しい方法です：

action="javascript:simpleCart.checkout()" 

simpleCartは.jsファイルとチェックアウトです（）は関数です。

ヒントはFirefox、IE、Chrome、Safariでは動作しない理由を理解するのに苦労しています。

<form name=form onsubmit="return validateFormOnSubmit(this)" enctype="multipart/form-data" action="javascript:simpleCart.checkout()" method="post"> 

Answer 1

JavaScript関数に設定されたフォームアクションは広くサポートされていませんが、FireFoxで動作するのは驚きです。

ベストは、フォームactionをPHPスクリプトに設定することです。フォームで次に

function validateFormOnSubmit(theForm) { 
    var reason = ""; 
    reason += validateName(theForm.name); 
    reason += validatePhone(theForm.phone); 
    reason += validateEmail(theForm.emaile); 

    if (reason != "") { 
     alert("Some fields need correction:\n" + reason); 
    } else { 
     simpleCart.checkout(); 
    } 
    return false; 
} 

：あなたが提出する前に、何もする必要がある場合は、あなただけのが判明あなたは余分な機能は、ここだけの小さな変更を必要としなかったonsubmit

編集に追加することができます。

<form action="#" onsubmit="return validateFormOnSubmit(this);"> 

Answer 2

私はいつもjsファイルをHTMLドキュメントの先頭に入れて、javascript関数を呼び出すだけです。このようなもの：

action="javascript:checkout()" 

あなたはこれを試しますか？

htmlヘッドにスクリプトリファレンスを含めることを忘れないでください。

私はそのファイヤーフォックスの作品の原因を知りません。よろしくです。 よろしくお願いします。

Answer 3

私はそれらのすべてが正常に動作するように見える、Firefoxの、クロム、エッジとSafariでこれを試してみました：

<form action="javascript:alert('Hello there, I am being submitted');"> 
    <button type=submit> 
     Let's do it 
    </button> 
</form> 

ので、どうやらこれはオプションです。また、フォームが送信され、 ブラウザが別の場所に移動する必要はありませんが、代わりに関数を呼び出す必要があるため、意味的に適切です。

それを行うにはない唯一の理由は、あなたがパラメータとして簡単なと、このキーワードを、あなたのフォームを引き渡すことができないということです。そのため、私の推薦がある

<form action="javascript:myFunction(this)"> <!-- doesn't work --> 

：

<form action="javascript:;" onsubmit="myFunction(this)"> 

...期待どおりに動作します。それはフォームを提出しません、提出を防ぐために "返品偽"は必要ない、JQueryのdomreadyを使用してフォームを処理する必要はありません。オートメーションなし、ウィザードなし、、myFunctionと呼んで残りのことをさせてください。

（はい、他の解決策も機能し、問題はありません。私はこれを好むだけです）