从MVC表格调用JavaScript代码

Question

我有一个JavaScript代码，必须通过在mvc视图页面中单击表单上的提交按钮来进行事件驱动。如何将此代码编码到表单的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"); 
    }); 

});