jquery submit form and query string issue

Question

I have some values on the query string of the form page. When I submit the form using the submit button it self I can get the query string values but when I submit the form using jquery as below. I don't see the query string values anymore. Am I messing something?

      $('#PasswordResetForm').submit(function () {

         if (some conditions) {
            $('#PasswordResetForm').submit();
         }
         else {             
            return false;
         }
      });

the link is something like this:

 http://websitename/Account/PasswordReset/?username=username&token=ZnsHnVh3oIOwOR2GUaGfsA2

html code is as below:

@using (Html.BeginForm("PasswordReset","Account",FormMethod.Post,new        
                                                      {id="PasswordResetForm"}))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary("", new { id = "validation" })

    <fieldset>
        <legend ">Enter your User Name</legend>

        <br />

        <table id="MainTable" border="0">
            <tr class="MainTr">
                <td class="FirstTd">
                    @Html.Label("User Name")
                </td>
                <td class="SecondTd">

                </td>

            </tr>
            <tr class="MainTr">
                <td class="FirstTd">
                    New Password
                </td>
                <td class="SecondTd">
                    @Html.Password("newPassword")
                </td>

            </tr>
            <tr class="MainTr">
                <td class="FirstTd">
                    Confirm New Password
                </td>
                <td class="SecondTd">
                    @Html.Password("confirmNewPassword")
                </td>

            </tr>                
            <tr class="MainTr">                                        
                <td colspan="2">
                    <input type="submit" id="submitBt" value="Recover Password" />
                </td>                    
            </tr>
        </table>
    </fieldset>
}

I can't see the token on the server anymore. when I use jquery to submit the form. I'm using mvc 4 and jquery 2.0.0

what "query strings" are you expecting on the server that you are not receiving? token value is the one you are expecting right? Is this view called "PasswordReset"? — sergioadh
– sergioadh, Commented Aug 5, 2013 at 2:34
yes... I'm expecting to get token from query string. but request.querystring.count is 0. — Daniel
– Daniel, Commented Aug 5, 2013 at 2:38

Amit · Accepted Answer · 2013-08-05 02:46:22Z

1

Try This

$(function()
{

    function  ValidateData() {
             if (some conditions) {
                return true;
             }
             else {             
                return false;
             }
          }
});

HTML Changes

 <input type="submit" id="submitBt" value="Recover Password" onClick="return ValidateData();" />

answered Aug 5, 2013 at 2:46

Amit

15.4k8 gold badges50 silver badges69 bronze badges

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

2 Comments

Daniel Over a year ago

I'm going to test this and I'll back to you.

Daniel Over a year ago

it's working now... I really don't understand why the query string are removed when we call a specific action.

sergioadh · Accepted Answer · 2013-08-05 02:46:16Z

1

Use the following code:

$('#PasswordResetForm').submit(function () {
    if (some conditions) {
        this.submit();
    }
    else {             
        return false;
    }
});

Calling $('#PasswordResetForm').submit(); calls the same function again. Don't wrap it as a jquery object.

Preserve the query strings setting the query strings as hidden elements:

@Html.Hidden("username", Request.QueryString["username"])
@Html.Hidden("token", Request.QueryString["token"])

edited Aug 5, 2013 at 2:46

answered Aug 5, 2013 at 1:45

sergioadh

1,4711 gold badge16 silver badges24 bronze badges

8 Comments

Daniel Over a year ago

I'm going to test this and I'll back to you.

Daniel Over a year ago

Sorry... no use. I still can't see the querystring parameters.

Daniel Over a year ago

If i remove the form parameter how can I call the form in jquery?

sergioadh Over a year ago

Just add the query strings as hidden elements

Daniel Over a year ago

there should be a way to get the querystring parameters in the server side without extra work in the client side, but if I couldn't find any other way I think I have to add a hidden field as you said.

|

nickytonline · Accepted Answer · 2013-08-05 03:12:41Z

1

Querystring parameters are available using JavaScript's location object's search property, i.e. location.search. From there you can work with that in your submit function.

e.g. http://somesite.com/?querystringParam1=someVal&querystringParam2=someOtherVal

location.search will equal ?querystringParam1=someVal&querystringParam2=someOtherVal

If you need the querystring in a .NET like NameValueCollection, I wrote a quick JSFiddle, http://jsfiddle.net/nickyt/NnyV2/5/

(function() {
    function getQuerystringAsNameValueCollection(querystring) {
       var querystringKeyValuePairs = querystring.split('&');
       var querystringHashTable = {};

       for (var index = 0; index < querystringKeyValuePairs.length; index++) {
           var keyValue = querystringKeyValuePairs[index].split('=');
           querystringHashTable[keyValue[0]] = keyValue[1];
       }
    }

    $('#PasswordResetForm').submit(function (e) {
             var querystring = getQuerystringAsNameValueCollection(location.search.substring(1));

             if ("token" in querystring) { // Do more checks on the token if necessary
                $('#PasswordResetForm').submit();
             }
             else {             
                e.preventDefault();
             }
          });
})();

edited Aug 5, 2013 at 3:12

answered Aug 5, 2013 at 2:40

nickytonline

6,9797 gold badges47 silver badges76 bronze badges

2 Comments

Daniel Over a year ago

Thanks nichyt for your answer, but I already found my answer from AKA. sorry

nickytonline Over a year ago

@Daniel, I know it was already answered, but it's better to bind events for separation of concerns, but as well ,multiple binds can be done on an element. And this can all be done without modifying markup. You could do all this in an external JS file. Some more here stackoverflow.com/questions/6941483/onclick-vs-event-handler or just Google "unobtrusive javascript"

chamara · Accepted Answer · 2013-08-05 01:57:02Z

0

$('#PasswordResetForm').submit(function (e) {
    e.preventDefault();
    if (some conditions) {
        this.submit();
    }
    else {             
        return false;
    }
});

answered Aug 5, 2013 at 1:57

chamara

12.7k34 gold badges141 silver badges217 bronze badges

2 Comments

Daniel Over a year ago

I'm going to test this and I'll back to you.

Daniel Over a year ago

Sorry... no use. I still can't see the querystring parameters.

HTTP · Accepted Answer · 2013-08-05 02:04:51Z

0

Use also the .on click event listener of jquery like

$('#PasswordResetForm').on('click', function() { 
   //code here.....
});

Additional knowledge. :)

answered Aug 5, 2013 at 2:04

HTTP

1,7343 gold badges19 silver badges22 bronze badges

Comments

thepirat000 · Accepted Answer · 2013-08-05 02:43:13Z

-1

This makes no sense:

$('#PasswordResetForm').submit(function () {
   $('#PasswordResetForm').submit();
}

Because you are raising the event again.

You just need to return true, i.e.:

$('#PasswordResetForm').submit(function () {
   if (cond)
      return true;
   return false;
}

http://api.jquery.com/submit/

answered Aug 5, 2013 at 2:43

thepirat000

13.3k4 gold badges51 silver badges80 bronze badges

1 Comment

Daniel Over a year ago

the form is being submitted and I can see all the FormCollections in the server side. All I need is to be able to get the QueryStrings as well.

Collectives™ on Stack Overflow

jquery submit form and query string issue

6 Answers 6

2 Comments

8 Comments

2 Comments

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

8 Comments

2 Comments

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related