Javascript: How-To auto-submit a form

[cudd...@gmail.com]

Thought I would cobble together a quick little guide to help people who have little to no experience with JavaScript and how they could use it to auto-click a login button.

--------------------------------------------------------------

IMPORTANT TO REMEMBER!

While reading this, please remember that the more specific information you provide the JavaScript, the better. Otherwise the JavaScript rule might trigger accidentally because it thinks it found what it needs to click/submit again and do it over and over again.

--------------------------------------------------------------

First you have to add a rule - Please note that this must be the 'last' rule in any profile so it is the last thing fired, otherwise it will click the button before you would want it to.

1. Set the 'Type' of this rule to JavaScript

2. Now the 'Name' field will be greyed out, don't worry about that.

3. The 'Value' field is where you will shove the actual JavaScript.

This is a general line that you can copy and paste which should cover most use cases (it works for all my profiles, and I have a fair few): document.querySelector('form[name="<insertvaluehere>"]').submit();

The only important thing you will ever need to edit in this line is: form[name="<insertvaluehere>"]

--------------------------------------------------------------

Now, for each site you will need some information to help make this line work for you. All chrome browsers have a functionality that if you right-click on something you will get an 'inspect element' option. Do this on the button you would normally click on to login and you will get a little window that says 'Developer Tools' and it will have a bunch of source code in it.

Initially the thing you right-clicked on will be highlighted, so you should just be able to press the left arrow key on your keyboard and it will collapse the tree until you reach a tag that starts with: <form

As an example I will copy and paste the '<form' tag part from accounts.google.com:

<form novalidate="" method="post" action="https://accounts.google.com/ServiceLoginAuth" id="gaia_loginform">

I will provide three examples that will submit this form.

document.querySelector('form[method="post"]').submit(); -> Using this one is probably a bad idea because it has very low specificity, meaning every time autofill finds a form that matches this ANYWHERE on the google site, it will submit. This could be a search form, or a subscribe form, or whatever.

document.querySelector('form[action="https://accounts.google.com/ServiceLoginAuth"]').submit(); -> This one is most likely quite good because I doubt there is another form on the google site that would match this (and result in a 'false submit')

document.querySelector('form[id="gaia_loginform"]').submit(); -> This one is best because in HTML ID's are supposed to be unique, so the chances of them existing anywhere else on the site are very slim.

As you can probably guess by now you just edit what is in the square brackets to match whatever is in the form tag. All form tags are formed differently and may have different values inside them, but the JavaScript provided should be able to match them regardless.

--------------------------------------------------------------

EXTRA STUFF IF YOU WANT TO LEARN

--------------------------------------------------------------

form[id="gaia_loginform"] -> Technically this is essentially finding a HTML tag and the following attribute it contains.

A HTML Tag is basically anything after an opening left triangle: <

HTML Tag examples:

                      <div

                      <input

                      <form

                      <whatevertheHTMLSourcesays

Attributes are what come after the tag name and before the first right triangle you encounter: >

Attribute examples:

                      id="yay">

                      class="peanutbutter">

So, <cheeseburger id="yay"> would be matched by writing: cheeseburger[id="yay"] into the JavaScript code line above.

--------------------------------------------------------------

.submit() -> This is a JavaScript function that will submit your form.

If the site you are using doesn't use a form to submit (for whatever reason) you might have to use .click() instead.

Right-click on the button you would normally click on to login and 'Inspect Element'. The window opened will have the element highlighted for you, and basically using everything you know so far you can now target something to .click()

[jamie.broa...@googlemail.com]

Hi,

How about on this website 'http://www.supremenewyork.com/shop/all' how would i click one of the images/items? and then navigate to the checkout stage. Thank you very much

[Stanley Denman]

I am trying to figure out a way to populate government forms with data from my Microsoft Database.  What you are talking about here seems like it might be the approach I need.  I have gone through completing my forms a creating a profile, then I can export the profile csv file.   If i now just had that document as a "template" with fields that could be filled from my database I think I might be in business..Any ideas..Thanks.

[glenn nall]

Very nice, thank you for your efforts!!!

[pie...@gmail.com]

I'm trying to find out what to write for clicking the Paypal Button on https://www.hanon-shop.com/basket ...can anyone help me? I'm sure i tried out everything

[shadow...@gmail.com]

在 2015年5月11日星期一 UTC+8上午11:24:32，Cuddly Cow写道：

i use document.querySelector('input[id="btnSubmit"]').click(); and it works well, however the web load every second automaticly, i dont know why, is it need to add some stop codes?

[joleh...@gmail.com]

This worked for me if anyone is having trubbel this works

document.querySelector('[id="submit-orderstatussearch"]').click(); 

[Shadow Melanch]

thx, i will try it😀

On Mon, Dec 18, 2017 at 7:58 PM, <joleh...@gmail.com> wrote:

This worked for me if anyone is having trubbel this works

document.querySelector('[id="submit-orderstatussearch"]').click(); 

--
You received this message because you are subscribed to a topic in the Google Groups "Autofill Chrome Extension" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/chrome-autofill/ZrR7MyVhq8o/unsubscribe.
To unsubscribe from this group and all its topics, send an email to chrome-autofill+unsubscribe@googlegroups.com.
To post to this group, send email to chrome-autofill@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/chrome-autofill/31b010f6-7ab8-4080-bbbe-5da5860d35bb%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Velatne

[iwil...@gmail.com]

Thanks a bunch for this how to.
One question... Maybe two.

Is there a way to make one of these rules automatic on a given page and not on another page?

Here for example... Link below.
I always click on For Sale By Owner. On the page after it often varies. So an auto click wouldn't be wanted.

https://post.craigslist.org/k/QE4SVlpv6BGTZzJxJAxAsg/SSUl5?s=type

Also I post stuff for sale on Facebook too.
Was looking at doing some auto button scripts there today but noticed when I right clicked any where on Facebook with Chrome no "Inspect" dialog came up. Not an option. Is there another way or is this just another lousy "Facebook fix"?

Thanks again.

BTW... Gonna ask the main programmer about selective auto/manual. Per rule. Not extension wide. If that's possible.

[carlos bolivar]

Good morning I could help with the field "value" for these three buttons do not know anything Java Script, I need help thanks ...

<a target="linked_search_title" href="https://www.linkedin.com/in/neil-rowan-52857316" class="btn btn-success"> Neil Rowan's LinkedIn Page </a>

<input type="submit" class="submit btn btn-cf-blue" value="Submit &amp; Continue">

<input type="submit" name="commit" value="Sign In" class="btn btn btn-primary">

[psych...@emailn.de]

Hi, the 3 examples from cuddly cow are not working for me. Modify this for your buttons. Try this

document.querySelector('input[value="Sign In"]').click(); 

[willowa...@gmail.com]

I am trying to add autofill to the website waitwhile.com, but can't seem to make it work on the actual list I am wanting to sign up on. Do I have to go into every website that I want to use autofill on and add it to my extension? Thanks in advance!

[faisal...@gmail.com]

i press inspect button and this appears to me .. what i type in value column ?

[Mosbah Abdelouahab]

document.querySelector('yourSelector').click();

Garanti sans virus. www.avast.com

Le ven. 26 avr. 2019 à 20:42, <faisal...@gmail.com> a écrit :

i press inspect button and this appears to me .. what i type in value column ?

--
You received this message because you are subscribed to the Google Groups "Autofill Chrome Extension" group.
To unsubscribe from this group and stop receiving emails from it, send an email to chrome-autofi...@googlegroups.com.
To post to this group, send email to chrome-...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/chrome-autofill/e6e26cb2-5cc8-4f34-bd74-fb7fb12c27b0%40googlegroups.com.

[Faisal AJ]

What i type in (your selector) ?

You received this message because you are subscribed to a topic in the Google Groups "Autofill Chrome Extension" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/chrome-autofill/ZrR7MyVhq8o/unsubscribe.
To unsubscribe from this group and all its topics, send an email to chrome-autofi...@googlegroups.com.

To post to this group, send email to chrome-...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/chrome-autofill/CAAnYUD_FWwxd8SJzxuKoCxothgWVNFohKTBm3%3D%3D9mQSXMHxvBQ%40mail.gmail.com.

[insy...@gmail.com]

Hello, I've tried all the variations from this post as well as help file, but it just won't work. The button won't click no mater what I do :(

<input type="submit" name="btnSaveDocument" value="Save" onclick="return validateSave();WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;btnSaveDocument&quot;, &quot;&quot;, true, &quot;LogDocument&quot;, &quot;&quot;, false, false))" id="btnSaveDocument" class="button">

Any ideas how I can get the button to click?

This is what I tried but it didn't work:

document.querySelector('[type="submit"][value="Save"]').click();

document.getElementByID('btnSaveDocument').click();

document.querySelector('#btnSaveDocument').click();

var eClick = new Event('click', {'bubbles':true});
document.getElementById('btnSaveDocument').dispatchEvent(eClick);

document.querySelector('form[id="form1"]').submit();

document.querySelector('[id="btnSaveDocument"]').click();

document.querySelector('input[id="btnSaveDocument"]').click();

document.querySelector('input[value="Save"]').click();

[Tebla Tozo]

i need to fill a field by random company name. is there any way so i can store some huge company name and it will fill the field when i am in that website. someone please help me.

[السعيد عبد الحفيظ‎]

السلام عليكم،
توجد طريقة لمل الحقل باسم شركة عشوائي ، إبعث لي الموقع وسوف أحاول مساعدتك.

[Tebla Tozo]

Hello everyone. i need to figure out some field. i posted it and no reply yet. so i need AutoFil expert to help me. my Skype is asdakash . please add me if you are good in Autofill, i will pay you for your help. thanks

[FuN DuDe]

Yes. But which programing to use auto fill.. then i help you ...

On Wed 5 Jun, 2019 5:13 pm Tebla Tozo, <khanni...@gmail.com> wrote:

Hello everyone. i need to figure out some field. i posted it and no reply yet. so i need AutoFil expert to help me. my Skype is asdakash . please add me if you are good in Autofill, i will pay you for your help. thanks

--

You received this message because you are subscribed to the Google Groups "Autofill Chrome Extension" group.
To unsubscribe from this group and stop receiving emails from it, send an email to chrome-autofi...@googlegroups.com.
To post to this group, send email to chrome-...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/chrome-autofill/56d76258-0ed9-4fab-8af7-92b14f51e09a%40googlegroups.com.

[Noah L]

Hello. I see this thread is quite old, hoping someone can help me. I am using this format for my identifier for a button but no luck yet. 

document.querySelector//*@class='sc-bgqQcB ihdfDu Button__AuroraButton-sc-mbgxr4-0 kDAhbP noFocus').click()

[Jojo B (Twero)]

from a quick look, does it need open parenthesis?

[takahasi hideo]

A few days ago, I've made auto-fill extension and then connected with server.

It's really goes well.

in your case, you may use      document.getElementByClassName('sc-bgqQcB ihdfDu Button__AuroraButton-sc-mbgxr4-0 kDAhbP noFocus').click();

 or use document.querySelectorAll('.class1.class2.class3');

Good lucky!

[Noah L]

Thank you for this, Much appreciated. if anyone else comes here, I had to add SetDelay function instead of DOMcontentloaded as one of the fields had to wait for iframe to be loaded before executing. 

[Elvis]

Please someone help me to automatically click on the following button to send a form, I thank you in advance

<button _ngcontent-vyc-c74="" data-track="member-multiple-choice-continue" class="animation-submit-btn primarySection ng-star-inserted"><div _ngcontent-vyc-c74="" class="primaryTitle text submit-label"> Submit </div><div _ngcontent-vyc-c74="" class="primaryTitle text continue-label"> Continue </div><div _ngcontent-vyc-c74="" class="loadingTitle text"><suzy-spinner _ngcontent-vyc-c74="" size="small" button="true" class="absolute left-0 right-0 button-spinner top-3" _nghost-vyc-c10=""><div _ngcontent-vyc-c10=""><div _ngcontent-vyc-c10="" class="loader-wrapper"><div _ngcontent-vyc-c10="" class="loader ng-star-inserted"><svg _ngcontent-vyc-c10="" class="circular" viewBox="25 25 50 50"><circle _ngcontent-vyc-c10="" fill="none" stroke-miterlimit="10" class="path" cx="50" cy="50" r="7" stroke="#ffffff" stroke-width="2"></circle></svg></div><!----><div _ngcontent-vyc-c10="" class="text"> Finding your next question... </div></div></div></suzy-spinner></div><div _ngcontent-vyc-c74="" class="successTitle text"><svg _ngcontent-vyc-c74="" viewBox="0 0 24 24" class="animated-check"><path _ngcontent-vyc-c74="" d="M4.1 12.7L9 17.6 20.3 6.3" fill="none"></path></svg></div></button>