Asp.net MVC button does not show

Question

I place a button in a div tag, and when I run it, I only see the div container

<div style= "border-style:solid;border-width:1px; padding:5px; background-color:#ffffcc">
    <asp:button ID = "refresh" runat ="server" OnClientClick="reloadPage()">
    <script type="text/javascript">
    function reloadPage(){
        window.location.reload()    
    }
    </script>
</asp:button>
</div>

the refresh button is nowhere can be found. Are there anything wrong with my code? I am new to MVC, please give me suggestions.

Answer 1

Why are you using asp controls in an MVC project -> use an HTML element.

Use a Form

<div>
    @using (Html.BeginForm("Action", "Controller", FormMethod.Post))
    {
        <button type="submit">Submit</button>
    }
</div>

Use a Button

<div>
    <button onclick="DoSomeJavascript" >Submit</button>
</div>

MVC uses Controllers (Code Behind) and Views (Html) to create pages. To send data to or from a page you need to use View Models.

Maybe have a look at this handy guide: http://www.asp.net/mvc/overview/getting-started/introduction/getting-started