I&#39;m trying to direct a browser to a different page. If I wanted a GET request, I might say

    document.location.href = &#39;http://example.com/q=a&#39;;

But the resource I&#39;m trying to access won&#39;t respond properly unless I use a POST request. If this were not dynamically generated, I might use the HTML

    &lt;form action=&quot;http://example.com/&quot; method=&quot;POST&quot;&gt;
      &lt;input type=&quot;hidden&quot; name=&quot;q&quot; value=&quot;a&quot;&gt;
    &lt;/form&gt;

Then I would just submit the form from the DOM.

But really I would like JavaScript code that allows me to say

    post_to_url(&#39;http://example.com/&#39;, {&#39;q&#39;:&#39;a&#39;});

What&#39;s the best cross browser implementation?

**Edit** 

I&#39;m sorry I was not clear. I need a solution that changes the location of the browser, just like submitting a form. If this is possible with [XMLHttpRequest][1], it is not obvious. And this should not be asynchronous, nor use XML, so Ajax is not the answer.

  [1]: http://en.wikipedia.org/wiki/XMLHttpRequest


JavaScript post request like a form submit

I have a form with name `orderproductForm` and an undefined number of inputs.

I want to do some kind of jQuery.get or ajax or anything like that that would call a page through Ajax, and send along all the inputs of the form `orderproductForm`.

I suppose one way would be to do something like

    jQuery.get(&quot;myurl&quot;,
              {action : document.orderproductForm.action.value,
    	       cartproductid : document.orderproductForm.cartproductid.value,
    	       productid : document.orderproductForm.productid.value,
               ...

However I do not know exactly all the form inputs. Is there a feature, function or something that would just send ALL the form inputs?

jQuery AJAX submit form

I have two *submit* buttons in a form. How do I determine which one was hit serverside?

Two submit buttons in one form

Well I am trying to submit a form by pressing enter but not displaying a submit button. I don&#39;t want to get into JavaScript if possible since I want everything to work on all browsers (the only JS way I know is with events).

Right now the form looks like this:

    &lt;form name=&quot;loginBox&quot; target=&quot;#here&quot; method=&quot;post&quot;&gt;
        &lt;input name=&quot;username&quot; type=&quot;text&quot; /&gt;&lt;br /&gt;
        &lt;input name=&quot;password&quot; type=&quot;password&quot; /&gt;
        &lt;input type=&quot;submit&quot; style=&quot;height: 0px; width: 0px; border: none; padding: 0px;&quot; hidefocus=&quot;true&quot; /&gt;
    &lt;/form&gt;

Which works pretty well. The submit button works when the user presses enter, and the button doesn&#39;t show in Firefox, IE, Safari, Opera and Chrome. However, I still don&#39;t like the solution since it is hard to know whether it will work on all platforms with all browsers.

Can anyone suggest a better method? Or is this about as good as it gets?

Submitting a form by pressing enter without a submit button

Can anyone tell me what is going wrong with this code? I tried to submit a form with JavaScript, but an error &quot;.submit is not a function&quot; shown. See below for more details of the code:

    &lt;form action=&quot;product.php&quot; method=&quot;get&quot; name=&quot;frmProduct&quot; id=&quot;frmProduct&quot; enctype=&quot;multipart/form-data&quot;&gt;

    &lt;input onclick=&quot;submitAction()&quot; id=&quot;submit_value&quot; type=&quot;button&quot; name=&quot;submit_value&quot; value=&quot;&quot;&gt;

    &lt;/form&gt;

    &lt;script type=&quot;text/javascript&quot;&gt;
        function submitAction()
        {
            document.frmProduct.submit();
        }
    &lt;/script&gt;

I also tried this:

    &lt;script type=&quot;text/javascript&quot;&gt;
        function submitAction()
        {
            document.forms[&quot;frmProduct&quot;].submit();
        }
    &lt;/script&gt;

Both show me the same error  :(








&quot;Submit is not a function&quot; error in JavaScript

For a simple form with an alert that asks if fields were filled out correctly, I need a function that does this:

 - Shows an alert box when button is clicked with two options:

  - If &quot;OK&quot; is clicked, the form is submitted
  - If cancel is clicked, the alert box closes and the form can be adjusted and resubmitted

I think a JavaScript confirm would work but I can&#39;t seem to figure out how.

The code I have now is:

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    function show_alert() {
      alert(&quot;xxxxxx&quot;);
    }

&lt;!-- language: lang-html --&gt;

    &lt;form&gt;
      &lt;input type=&quot;image&quot; src=&quot;xxx&quot; border=&quot;0&quot; name=&quot;submit&quot; onclick=&quot;show_alert();&quot; alt=&quot;PayPal - The safer, easier way to pay online!&quot; value=&quot;Submit&quot;&gt;
    &lt;/form&gt;

&lt;!-- end snippet --&gt;



JavaScript Form Submit - Confirm or Cancel Submission Dialog Box

I have form with one input for email and two submit buttons to subscribe and unsubscribe from newsletter:

    &lt;form action=&quot;&quot; method=&quot;post&quot;&gt;
    {{ form_newsletter }}
    &lt;input type=&quot;submit&quot; name=&quot;newsletter_sub&quot; value=&quot;Subscribe&quot; /&gt;
    &lt;input type=&quot;submit&quot; name=&quot;newsletter_unsub&quot; value=&quot;Unsubscribe&quot; /&gt;
    &lt;/form&gt;

I have also class form:

    class NewsletterForm(forms.ModelForm):
        class Meta:
            model = Newsletter
            fields = (&#39;email&#39;,)

I must write my own clean_email method and I need to know by which button was form submited. But the value of submit buttons aren&#39;t in `self.cleaned_data` dictionary.
Could I get values of buttons otherwise?

How can I build multiple submit buttons django form?

I have a submit form and want it to open a new window when users submits the form so i can track it on analytics.

Here is the code I&#39;m using:

&lt;!-- language: lang-html --&gt;

    &lt;form action=&quot;http://URL at mailchimp subscriber URL.com&quot; method=&quot;post&quot; id=&quot;mc-embedded-subscribe-form&quot; name=&quot;mc-embedded-subscribe-form&quot; class=&quot;validate&quot; target=&quot;_blank&quot; onclick=window.open(google.html,&#39;&#39;,&#39;scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no&#39;);&gt;
        &lt;label for=&quot;name&quot;&gt;Your Name&lt;/label&gt;&lt;input type=&quot;text&quot; value=&quot;&quot; name=&quot;FNAME&quot; class=&quot;required&quot; id=&quot;mce-FNAME&quot;&gt;
        &lt;br/&gt;
        &lt;br/&gt;
        &lt;label for=&quot;email&quot;&gt;Your Email &lt;/label&gt;&lt;input type=&quot;text&quot; value=&quot;&quot; name=&quot;EMAIL&quot; class=&quot;required email&quot; id=&quot;mce-EMAIL&quot;&gt;
        &lt;br/&gt;
        &lt;br/&gt;
        &lt;input type=&quot;submit&quot; value=&quot;Subscribe&quot; name=&quot;subscribe&quot; id=&quot;mc-embedded-subscribe&quot; class=&quot;submit&quot;&gt;
    &lt;/form&gt;
    &lt;/div&gt;

How to open a new window on form submit

I want to submit a form. But I am not going the basic way of using a input button with submit type but a **a** link. 

The image below shows why. I am using image links to save/submit the form. Because I have standart css markup for image links I don&#39;t want to use input submit buttons.

I tried to apply *onClick=&quot;document.formName.submit()&quot;* to the a element but I would prefer a html method.

![alt text][1]

Any ideas?

  [1]: http://i.stack.imgur.com/QKAlE.png

Use a normal link to submit a form

Is it possible to submit a form that does not have submit button (by pressing enter) 
example : 

    &lt;form [ngFormModel]=&quot;xxx&quot; (ngSubmit)=&quot;xxxx()&quot;&gt;
      &lt;input [(ngModel)]=&quot;lxxR&quot;   ngControl=&quot;xxxxx&quot;/&gt;
    &lt;/form

angular2 submit form by pressing enter without submit button

I have a dilemma about what is the best (and correct) approach if I want to disable form controls (or at least make them unavailable for user interaction) during a period of time when user clicks sort of &quot;Save&quot; or &quot;Submit&quot; button and data travelling over the wire. I don&#39;t want to use JQuery (which is evil!!!) and query all elements as array (by class or attribute marker)
The ideas I had so far are:

 - Mark all elements with `cm-form-control` custom directive which will subscribe for 2 notifications: &quot;data-sent&quot; and &quot;data-processed&quot;. Then custom code is responsible for pushing second notification or resolve a promise.
 - Use `promiseTracker` that (unfortunatelly!) enforces to produce extremely stupid code like `ng-show=&quot;loadingTracker.active()&quot;`. Obviously not all elements have `ng-disabled` and I don&#39;t want to user `ng-hide/show` to avoid &quot;dancing&quot; buttons.
 - Bite a bullet and still use JQuery

Does any one have a better idea? Thanks in advance!

**UPDATED:** 
The fieldset idea DOES work. Here is a simple fiddle for those who still want to do the same http://jsfiddle.net/YoMan78/pnQFQ/13/

HTML:

    &lt;div ng-app=&quot;myApp&quot;&gt;
        &lt;ng-form ng-controller=&quot;myCtrl&quot;&gt;
            Saving: {{isSaving}}
            &lt;fieldset ng-disabled=&quot;isSaving&quot;&gt;
                &lt;input type=&quot;text&quot; ng-model=&quot;btnVal&quot;/&gt;
                &lt;input type=&quot;button&quot; ng-model=&quot;btnVal&quot; value=&quot;{{btnVal}}&quot;/&gt;
                &lt;button ng-click=&quot;save()&quot;&gt;Save Me Maybe&lt;/button&gt;
            &lt;/fieldset&gt;
        &lt;/ng-form&gt;
    &lt;/div&gt;

and JS:

    var angModule = angular.module(&quot;myApp&quot;, []);
    
    angModule.controller(&quot;myCtrl&quot;, function ($scope, $filter, $window, $timeout) {
        $scope.isSaving = undefined;
        $scope.btnVal = &#39;Yes&#39;;
        $scope.save = function()
        {
            $scope.isSaving = true;
            $timeout( function()
                 {
                     $scope.isSaving = false;
                     alert( &#39;done&#39;);
                 }, 10000);
        };
    });

  

AngularJS: disabling all form controls between submit and server response

I&#39;ve got a problem with `.on()`.
I have multiple form-elements (forms with `class=&quot;remember&quot;`), also I add another one `form.remember` using AJAX.
So, I want it to handle submit event something like:

    $(&#39;form.remember&#39;).on(&#39;submit&#39;,function(){...}) 

but form added with AJAX doesn&#39;t work with it. 

Where is the problem? Is it a bug?

jQuery&#39;s .on() method combined with the submit event

Ok so maybe this is unclear. Get this form:

    &lt;form (ngSubmit)=&quot;submit()&quot; #crisisForm=&quot;ngForm&quot;&gt;
       &lt;input type=&quot;text&quot; name=&quot;name&quot; [(ngModel)]=&quot;crisis.name&quot;&gt;
       &lt;button type=&quot;submit&quot;&gt;Submit&lt;/button&gt;
       &lt;button type=&quot;button&quot; (click)=&quot;preview()&quot;&gt;Preview&lt;/button&gt;
       &lt;button type=&quot;reset&quot; (click)=&quot;reset()&quot;&gt;Reset&lt;/button&gt;
    &lt;/form&gt;

Why do all buttons trigger the `submit()` function ? And how to avoid that ?



Avoid Angular2 to systematically submit form on button click

Sometimes when the response is slow, one might click the submit button multiple times.

How to prevent this from happening?

How to prevent form from submitting multiple times from client side?

I have a php form that has a known number of columns (ex. top diameter, bottom diameter, fabric, colour, quantity), but has an unknown number of rows, as users can add rows as they need. 

I&#39;ve discovered how to take each of the fields(columns) and place them into an array of their own.

    &lt;input name=&quot;topdiameter[&#39;+current+&#39;]&quot; type=&quot;text&quot; id=&quot;topdiameter&#39;+current+&#39;&quot; size=&quot;5&quot; /&gt;
    &lt;input name=&quot;bottomdiameter[&#39;+current+&#39;]&quot; type=&quot;text&quot; id=&quot;bottomdiameter&#39;+current+&#39;&quot; size=&quot;5&quot; /&gt;

So what I end up with in the HTML is:    

    &lt;tr&gt;
      &lt;td&gt;&lt;input name=&quot;topdiameter[0]&quot; type=&quot;text&quot; id=&quot;topdiameter0&quot; size=&quot;5&quot; /&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input name=&quot;bottomdiameter[0]&quot; type=&quot;text&quot; id=&quot;bottomdiameter0&quot; size=&quot;5&quot; /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;input name=&quot;topdiameter[1]&quot; type=&quot;text&quot; id=&quot;topdiameter1&quot; size=&quot;5&quot; /&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input name=&quot;bottomdiameter[1]&quot; type=&quot;text&quot; id=&quot;bottomdiameter1&quot; size=&quot;5&quot; /&gt;&lt;/td&gt;
    &lt;/tr&gt;

    ...and so on.

What I would like to do now is take all the rows and columns put them into a multidimensional array and email the contents of that to the client (preferably in a nicely formatted table). I haven&#39;t been able to really comprehend how to combine all those inputs and selects into a nice array.

At this point, I&#39;m going to have to try to use several 1D arrays, although I have the idea that using a single 2D array would be a better practice than using several 1D arrays.

Submitting a multidimensional array via POST with php

I want a submit type button to send a POST request.

I am thinking about something like this:

```
&lt;form action = &quot;&quot; method = &quot;post&quot;&gt;
    &lt;button&gt;Upvote&lt;/button&gt;
&lt;form&gt;
```

where the string &quot;Upvote&quot; will be send as a name in the POST request.

I know this is not working, and I know there are ways using AJAX(javascript) but I am fairly new to this area. I am just wondering if this is possible in general.

**Update**

Someone suggested using the `&lt;input&gt;` tag, and I tried it. The problem is it generates a GET rather than a POST.

Can a HTML button perform a POST request?

Is there a way in **jQuery** to create and submit a form on the fly?

Something like below:

    &lt;html&gt;
        &lt;head&gt;
            &lt;title&gt;Title Text Goes Here&lt;/title&gt;
            &lt;script src=&quot;http://code.jquery.com/jquery-1.7.js&quot;&gt;&lt;/script&gt;
            &lt;script&gt;
                $(document).ready(function(){alert(&#39;hi&#39;)});
                $(&#39;&lt;form/&gt;&#39;).attr(&#39;action&#39;,&#39;form2.html&#39;).submit();
            &lt;/script&gt;
        &lt;/head&gt;
        &lt;body&gt;
            Content Area
        &lt;/body&gt;
    &lt;/html&gt;

Is this supposed to work or there is a different way to do this?


Dynamically create and submit form

I&#39;m setting up a form wherein I need two &quot;actions&quot; (two buttons):

1 - &quot;Submit this form for approval&quot;&lt;br&gt;
2 - &quot;Save this application for later&quot;

How do I create an HTML form that supports multiple &quot;actions&quot;?

EG:

`&lt;form class=&quot;form-horizontal&quot; action=&quot;submit_for_approval.php&quot;&gt;`&lt;br&gt;
`&lt;form class=&quot;form-horizontal&quot; action=&quot;save_for_later.php&quot;&gt;`

I need to combine these two options-for-submitting into one form.

I did some basic research but couldn&#39;t find a definitive answer as to whether or not this is possible, and/or any good resources to links for a workaround.

Thanks in advance.

HTML form with multiple &quot;actions&quot;

I have one HTML &amp;lt;form&amp;gt;.

The form has only one `action=&quot;&quot;` attribute.

However I wish to have two different `target=&quot;&quot;` attributes, depending on which button you click to submit the form. This is probably some fancy JavaScript code, but I haven&#39;t an idea where to begin.

How could I create two buttons, each submitting the same form, but each button gives the form a different target?



HTML form with two submit buttons and two &quot;target&quot; attributes

I want an HTML form to do nothing after it has been submitted.

    action=&quot;&quot;

is no good because it causes the page to reload.

Basically, I want an Ajax function to be called whenever a button is pressed or someone hits &lt;kbd&gt;Enter&lt;/kbd&gt; after typing the data. Yes, I could drop the form tag and add just call the function from the button&#39;s onclick event, but I also want the &quot;hitting enter&quot; functionality without getting all hackish.




Want HTML form submit to do nothing

I&#39;m just learning javascript and php.  I created a contact form and I&#39;d like the submit button to accomplish two things when I press it:

 1. submit the data to me (this part is working)
 2. read my onclick function (this part is not working)

&lt;!-- --&gt;

    &lt;input id=&quot;submit&quot; name=&quot;submit&quot; type=&quot;submit&quot; value=&quot;Submit&quot; onclick=&quot;eatFood()&quot;&gt;

    &lt;?php
    if ($_POST[&#39;submit&#39;]) {
     ////????? 
    }
    ?&gt;

I&#39;m sending the data to my email, and so I get that.  But the `onclick` function doesn&#39;t seem to work.  I tried reviewing [https://stackoverflow.com/questions/5356011/add-onclick-function-for-submit-button][1] but it didn&#39;t help.

  [1]: https://stackoverflow.com/questions/5356011/add-onclick-function-for-submit-button

add onclick function to a submit button

When you press &lt;kbd&gt;Enter&lt;/kbd&gt; anywhere in a HTML `form` it triggers its `action`, that is equivalent of pressing the `submit` button.
How to make a window that when I press  &lt;kbd&gt;Enter&lt;/kbd&gt; anywhere it will trigger an event?

How to make a submit button in WPF?

I am learning web development using `Django` and have some problems in where to put the code taking chage of whether to submit the request in the `HTML code`.

Eg. There is webpage containing a `form`(a blog) to be filled by the user, and upon click on the Save button,there is a pop up asking whether you want to `confirm` or not. If click on `confirm`, then the request is sent.

I searched and find this `javascript` code.

    &lt;script type=&quot;text/javascript&quot;&gt;
    function clicked() {
        alert(&#39;clicked&#39;);
    }
&lt;/script&gt;

    &lt;input type=&quot;submit&quot; onclick=&quot;clicked();&quot; value=&quot;Button&quot; /&gt;

But I guess this is not the correct function as it seems to me that whenever you click on the Button, the request will be submitted. So How can I delay the submit request until user has confirm the submit?


HTML - How to do a Confirmation popup to a Submit button and then send the request?

I&#39;m creating a page with the products sold in the website. I&#39;d like to include an &quot;add to cart&quot; button near each product, which are listed with markup similar to this:

    &lt;h4 class=&quot;productHeading&quot;&gt;Product Name 1&lt;/h4&gt;
    &lt;div&gt;
      Extra information on the product 1.
    &lt;/div&gt;
    &lt;h4 class=&quot;productHeading&quot;&gt;Product Name 2&lt;/h4&gt;
    &lt;div&gt;
      Extra information on the product 2.
    &lt;/div&gt;
     ...

Since the submit inputs will have different names (with the code of the product included), the big question is: should I wrap the entire product list in a form, or should I create one form for each product? In code:

    &lt;form method=&quot;post&quot; action=&quot;process.php&quot;&gt;
      &lt;h4 class=&quot;productHeading&quot;&gt;Product Name 1&lt;/h4&gt;
      &lt;div&gt;
        Extra information on the product 1.
        &lt;input type=&quot;submit&quot; name=&quot;submit1&quot; value=&quot;Add to Cart&quot;&gt;
      &lt;/div&gt;
      &lt;h4 class=&quot;productHeading&quot;&gt;Product Name 2&lt;/h4&gt;
      &lt;div&gt;
        Extra information on the product 2.
        &lt;input type=&quot;submit&quot; name=&quot;submit2&quot; value=&quot;Add to Cart&quot;&gt;
      &lt;/div&gt;
    &lt;/form&gt;

Or…

    &lt;h4 class=&quot;productHeading&quot;&gt;Product Name 1&lt;/h4&gt;
    &lt;div&gt;
      Extra information on the product 1.
      &lt;form method=&quot;post&quot; action=&quot;process.php&quot;&gt;
        &lt;input type=&quot;submit&quot; name=&quot;submit1&quot; value=&quot;Add to Cart&quot;&gt;
      &lt;/form&gt;
    &lt;/div&gt;
    &lt;h4 class=&quot;productHeading&quot;&gt;Product Name 2&lt;/h4&gt;
    &lt;div&gt;
      Extra information on the product 2.
      &lt;form method=&quot;post&quot; action=&quot;process.php&quot;&gt;
        &lt;input type=&quot;submit&quot; name=&quot;submit2&quot; value=&quot;Add to Cart&quot;&gt;
      &lt;/form&gt;
    &lt;/div&gt;

Which one is best practice? Any serious reason not to use one or the other, or am I doing it completely wrong?

Multiple Forms or Multiple Submits in a Page?

Let&#39;s say I have an `input` in a form (looks like a button and interacts like a button) which generates some data (well, the server generates the data based on the form parameters, but for the user, the button does it :) )based on the parameters in the form.

When I use `click()`, the whole process hangs (it actually freezes, no exceptions or errors).

From the Selenium website:

    // Now submit the form. WebDriver will find the form for us from the element
    element.submit();
So WebDriver has a `submit()` method. Is there any difference, logic wise, between using a `click()` on a button or `submit()` ? 

Selenium Webdriver submit() vs click()

I&#39;m currently working on a basic form. When you hit the submit button, it should first change the value of a field, and then submit the form as usual. It all looks a bit like this:

    &lt;form name=&quot;myform&quot; id=&quot;myform&quot; action=&quot;action.php&quot;&gt;
        &lt;input type=&quot;hidden&quot; name=&quot;myinput&quot; value=&quot;0&quot; /&gt;
        &lt;input type=&quot;text&quot; name=&quot;message&quot; value=&quot;&quot; /&gt;
        &lt;input type=&quot;submit&quot; name=&quot;submit&quot; onclick=&quot;DoSubmit()&quot; /&gt;
    &lt;/form&gt;

And this is how far I&#39;ve come with the JavaScript code. It changes &quot;myinput&quot;&#39;s value to 1, but it does not submit the form.

    function DoSubmit(){
      document.myform.myinput.value = &#39;1&#39;;
      document.getElementById(&quot;myform&quot;).submit();
    }


Change value of input and submit form in JavaScript

Some days ago I installed Xcode 5. Today I&#39;m trying to submit an app, but during validation I&#39;m getting this issue: &quot;The network connection was lost&quot;. I&#39;ve never had any problem with Xcode 4.

My network is OK and I&#39;m not using any proxy.

What is causing this problem?

Xcode 5 app submission issue

&gt; **Possible Duplicate:**  
&gt; [Xcode 4 - &amp;ldquo;Archive&amp;rdquo; is greyed out?](https://stackoverflow.com/questions/5266350/xcode-4-archive-is-greyed-out)  

&lt;!-- End of automatically inserted text --&gt;

I want to submit my iOS App via Xcode 4. The problem is that I cant do the Build for Archiving. Its Inactive and Gray (the Menu Item Product-&gt;Build For-&gt;Build For Archiving) and i dont know why.

Anybody an Idea?

Xcode4 - Build for Archiving greyed out

I&#39;ve got a form that I&#39;m capturing via jQuery and sending via AJAX. My problem is that the form submits more than once every time I refresh the page.

I&#39;ve tried to unbind the submit button but then the form is posted normally after the first submit. Any help would be appreciated

    $(&#39;#exportForm&#39;).submit(function() {
      $.ajax({
        type: &quot;POST&quot;,
        url: $(this).attr(&#39;action&#39;),
        data: $(this).serialize(),
        success: function(response) {
          $(&#39;#exportForm&#39;).unbind(&#39;submit&#39;);
          console.log(response);
        }
      });
      return false;
    });

jQuery AJAX form submits twice

I&#39;m presented with a rather silly problem. I am in the process of creating my first React application and I have encountered a little issue, where I am not able to clear my input value, after I submit a form. A tried googling this problem, found some similar threads here, but I was not able to resolve this. I do NOT want to change the state of my component/application, just to change the value of the input to an empty string. I tried clearing the value of the input in my `onHandleSubmit()` function, but I got an error:

&gt; &quot;Cannot set property &#39;value&#39; of undefined&quot;.

My SearchBar Component:

    import React, { Component } from &quot;react&quot;;
    
    class SearchBar extends Component {
      constructor(props) {
        super(props);
    
        this.state = {
          city: &quot;&quot;
        };
    
        this.onHandleChange = this.onHandleChange.bind(this);
        this.onHandleSubmit = this.onHandleSubmit.bind(this);
      }
    
      render() {
        return (
          &lt;form&gt;
            &lt;input
              id=&quot;mainInput&quot;
              onChange={this.onHandleChange}
              placeholder=&quot;Get current weather...&quot;
              value={this.state.city}
              type=&quot;text&quot;
            /&gt;
            &lt;button onClick={this.onHandleSubmit} type=&quot;submit&quot;&gt;
              Search!
            &lt;/button&gt;
          &lt;/form&gt;
        );
      }
    
      onHandleChange(e) {
        this.setState({
          city: e.target.value
        });
      }
    
      onHandleSubmit(e) {
        e.preventDefault();
        const city = this.state.city;
        this.props.onSearchTermChange(city);
        this.mainInput.value = &quot;&quot;;
      }
    }
    
    export default SearchBar;



React - clearing an input value after form submit

I am trying to submit a form through onclick event on &lt;a&gt; tag. I have tried triggering document.myform.submit(), this.form.submit(), parentNode.submit() etc. but none of this is working! Using a submit button, the code works fine. But I want to use &lt;a&gt; tag in place of that. Need some help.


                &lt;form id=&quot;myform&quot; name=&quot;myform&quot; method=&quot;POST&quot; action=&quot;process_edit_questionnaire.php?project=&lt;?php echo $project_id; ?&gt;&quot;&gt;
                    &lt;input name=&quot;module&quot; type=&quot;hidden&quot; value=&quot;&lt;?php echo $module_id;?&gt;&quot;/&gt;
                    &lt;input name=&quot;project&quot; type=&quot;hidden&quot; value=&quot;&lt;?php echo $project_id;?&gt;&quot;/&gt;
                    &lt;input name=&quot;hidden_ques_id&quot; type=&quot;hidden&quot; value=&quot;&lt;?php echo $data_array_ques[$j][&#39;ques_id&#39;];?&gt;&quot;/&gt;
                    
                &lt;div id=&quot;question_block&quot;&gt;
                    
                    &lt;div id=&quot;serial_block&quot;&gt;
                        &lt;p id=&quot;s_original_&lt;?php echo $j+1; ?&gt;&quot;&gt;&lt;a href=&quot;#&quot; onclick=&quot;showSelectBox(&lt;?php echo $j+1; ?&gt;)&quot;&gt;Serial : 
                            &lt;?php 
                            if($data_array_ques[$j][&#39;ques_position&#39;]==NULL){ 
                                echo $j+1;                            
                            } 
                            else { 
                                echo $data_array_ques[$j][&#39;ques_position&#39;];         
                            } ?&gt;&lt;/a&gt;&lt;/p&gt;
                        &lt;p id=&quot;s_select_box_&lt;?php echo $j+1; ?&gt;&quot; style=&quot;display: none;&quot;&gt;Serial : 
                            &lt;select name=&quot;serial&quot;&gt;
                              &lt;?php for($p=1;$p&lt;=count($data_array_ques);$p++){ ?&gt;
                                        &lt;option value=&quot;&lt;?php echo $p; ?&gt;&quot; &lt;?php if($p==$data_array_ques[$j][&#39;ques_position&#39;]){ echo &quot;selected=\&quot;selected\&quot;&quot;;} ?&gt; &gt;&lt;?php echo $p; ?&gt;&lt;/option&gt;
                              &lt;?php }  ?&gt;
                            &lt;/select&gt;
                        &lt;/p&gt;
                    &lt;/div&gt;
                    
                    &lt;div id=&quot;question_text&quot;&gt;
                        &lt;a href=&quot;#&quot; onclick=&quot;showTextBox(&lt;?php echo $j+1; ?&gt;)&quot;&gt;&lt;p id=&quot;q_original_&lt;?php echo $j+1; ?&gt;&quot;&gt;&lt;?php echo $data_array_ques[$j][&#39;ques_text&#39;]; ?&gt;&lt;/p&gt;&lt;/a&gt;
                        &lt;p id=&quot;q_text_box_&lt;?php echo $j+1; ?&gt;&quot; style=&quot;display:none;&quot;&gt;&lt;textarea id=&quot;ques_text&quot; name=&quot;ques_text&quot; rows=&quot;3&quot; cols=&quot;30&quot;&gt;&lt;?php echo $data_array_ques[$j][&#39;ques_text&#39;]; ?&gt;&lt;/textarea&gt;&lt;/p&gt;                     
                    &lt;/div&gt;
                    
                &lt;/div&gt;
                               
                &lt;div id=&quot;menu_block&quot;&gt;
                    &lt;a href=&quot;&quot; onclick=&quot;document.myform.submit()&quot;&gt;Save Changes&lt;/a&gt; |
                    &lt;a href=&quot;delete_question.php?project=&lt;?php echo $project_id; ?&gt;&amp;module=&lt;?php echo $module_id; ?&gt;&quot;&gt;Delete This Question&lt;/a&gt;
                &lt;/div&gt;
                &lt;/form&gt;



Submit form using &lt;a&gt; tag

Can anyone explain to me what this error means? I would appreciate it a lot for any kindof help with this.


    &lt;form class=&quot;form&quot; id=&quot;form&quot; action=&quot;/mailer.php&quot; method=&quot;post&quot;&gt;

The Jquery code I&#39;m using for it is this.

    $(&#39;#form&#39;).submit();  

All Submit Solutions on Gang of Coders

Total of 32 Submit Solutions