MVCフォームからJavaScriptコードを呼び出す

Question

MVCビューページのフォームで[送信]ボタンをクリックすると、イベント駆動型でなければならないJavaScriptコードがあります。これをフォームのonClickイベントリスナーにコード化するにはどうすればよいですか。ありがとう。

HTMLフォーム -

<form> 
    <!-- form code --> 
<button class="btn btn-alt" type="submit">Submit</button> 
</form> 

はJavaScript -

<script type="text/javascript"> 
    $YR.WK.trackPage({ 
     "orderId": "1234", 
     "tax": "99.99", 
     "shipping": "9.99", 
     "total": "109.98", 
     "city": "NYC", 
     "state": "NY", 
     "country": "USA", 
     "currency": "USD", 
     "email": document.getElementByName('Email').value, 
     "locale": "en_US" 
    }); 
</script> 

Answer 1

あなたのボタンにIDを与えます。

<button class="btn btn-alt" id="myBtn" type="submit">Submit</button> 

今、あなたは、このボタン要素へのEventListenerをアタッシュケースすることができます。

document.getElementById("myBtn").addEventListener("click", function() { 
    alert("clicked"); 
    // you can execute your other js code here. 
}, false); 

これはバニラのjavascriptです。あなたのページにjQueryライブラリが含まれていれば、さらに簡単です。

$(function(){ 

    $("#myBtn").click(function(e){ 
    alert("Clicked"); 
    }); 

});