Why does my submit button fail to trigger Javascript MVC?

Question

I have a simple code from a book and the code should display data from my controller in the "results" span. What am I missing?

Controller...

    public string GetQuote(string symbol)
    {
        if (symbol.Trim() != "")
            return "99";
        else
            return "Sorry";
    }

ASPX...

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
Index
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h2>Index</h2>

<%using (Html.BeginForm("GetQuote","Stocks", new { id = "quoteForm" })) { %>

    Symbol: 
<%= Html.TextBox("symbol") %>
<input type="submit" />
<span id="results"></span>
<% } %>
<p><i><%=DateTime.Now.ToLongTimeString() %></i></p>

<script type="text/javascript">
    $("form[action~='GetQuote']").submit(function() {
        $.post($(this).attr("action"), $(this).serialize(), function(response) {
            $("#results").html(response);
        });
        return false;
    });

</script>

SLaks · Accepted Answer · 2010-04-29 14:16:09Z

2

You selector only matches <form> elements where the action parameter ends with GetQuote.
You need to change it to form[action~='GetQuote'] to match <form> elements where the action parameter contains GetQuote.

Alternatively, you can add an ID to your form, like this:

using (Html.BeginForm("GetQuote","Stocks", new { id = "quoteForm" }))

and change the selector to #quoteForm.

answered Apr 29, 2010 at 14:16

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

MrM Over a year ago

I added the id and changed to $("quoteForm[action~='GetQuote']")... and I am still being directed to another page

SLaks Over a year ago

You need to move your <script> block below the <form>.

MrM Over a year ago

It didnt change :( ... See Edits

SLaks Over a year ago

Change it to either #quoteForm or form[action~='GetQuote'], and read the documentation so that you can understand your mistake.

MrM Over a year ago

The change still gave the same result. I will check out the documentation and hopefully I can see the error

|

MrM · Accepted Answer · 2010-04-30 13:03:14Z

0

While SLaks answer did lead me in the right direction... I was missing the DOM call...

    $(document).ready(function() {
    $("form[action$='GetQuote']").submit(function() { 
    ...
});

answered Apr 30, 2010 at 13:03

MrM

22.1k31 gold badges117 silver badges142 bronze badges

Collectives™ on Stack Overflow

Why does my submit button fail to trigger Javascript MVC?

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related