fill form programmatically in Android Webview - JavaScript

Question

I'm trying to automatically fill a form from the website of my school. I've seen some ways to do with javascrip.

Here is my code:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.navegador_siiau_layout);

    navegador_siiau = (WebView) findViewById(R.id.wv_navegador_siiau);
    navegador_siiau.getSettings().setJavaScriptEnabled(true);
    navegador_siiau.loadUrl("http://siiauescolar.siiau.udg.mx/wus/gupprincipal.inicio");
    navegador_siiau.setWebViewClient(new WebViewClient() {
        public void onPageFinished(WebView view, String url) {
            String user="207512134";
            String pwd="FENMAA";
            view.loadUrl("javascript:document.getElementsByName('p_codigo_c').value = '"+user+"';document.getElementsByName('p_clave_c').value='"+pwd+"';");
        }
    });



}

The result is a blank page with the last string I try to put in the form... What can I do to fill and submit the form correctly?

Rajesh N · Accepted Answer · 2018-01-22 06:00:43Z

5

this works for me for API version greater than 18

 mWebView = findViewById(R.id.web_view);   
        String url = "https://duckduckgo.com";

        mWebView.loadUrl(url);  
        mWebView.getSettings().setJavaScriptEnabled(true);

        final String js = "javascript:document.getElementById('search_form_input_homepage').value='android';" +
                "document.getElementById('search_button_homepage').click()";

        mWebView.setWebViewClient(new WebViewClient(){

            public void onPageFinished(WebView view, String url){
                if(Build.VERSION.SDK_INT >= 19){
                    view.evaluateJavascript(js, new ValueCallback<String>() {
                        @Override
                        public void onReceiveValue(String s) {
                        }
                    });
                }
            }
        });

here important is view.evaluateJavascript

answered Jan 22, 2018 at 6:00

Rajesh N

6,7332 gold badges57 silver badges65 bronze badges

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

2 Comments

Noman Shakoor Over a year ago

Its works for me but I have one question. How to pass static String in value?

Rajesh N Over a year ago

Please look into this sample codexpedia.com/android/…

mattgmg1990 · Accepted Answer · 2014-07-27 18:26:47Z

3

This is untested, but I see two things wrong here:

You should call setWebViewClient with your WebViewClient implementation before you call loadUrl. However, loadUrl is asynchronous, so it probably would not make a difference, but this is worth a try I think.
You are not calling super.onPageFinished(view, url); in onPageFinshed. You should add this call.

EDIT 2:

I finally took a look at the actual page you are working with. The problem is that the page loads content in a different frame, so you actually have to make the getElementsByName call on a different document. The frame in which both of the inputs you want are located has the name mainFrame in your page. So, you should write the javascript like this and load that into the WebView as you have done above:

window.frames["mainFrame"].document.
                 getElementsByName('p_codigo_c')[0].value = "user";
window.frames["mainFrame"].document.
                 getElementsByName('p_clave_c')[0].value = "password";

edited Jul 27, 2014 at 18:26

answered Jul 27, 2014 at 4:12

mattgmg1990

5,9164 gold badges24 silver badges28 bronze badges

3 Comments

Oscar Méndez Over a year ago

When I use this: document.getElementsByName('p_codigo_c')[0].value nothing happend, but when I use: document.getElementsByName('p_codigo_c').value a new webpage is open with a String I put as value

mattgmg1990 Over a year ago

@OscarMéndez I took a look at the page. The problem is that you're not searching within the frame. I have edited my answer. I tested this solution and it works in a desktop web browser. I think it will work in WebView also.

Oscar Méndez Over a year ago

Thanks for take you the time to check the webpage and help me with this, that works!

Community · Accepted Answer · 2017-05-23 12:22:46Z

0

You just need to enable domelements

      myview.getSettings().setDomStorageEnabled(true);

and then use getelementby id like

     javascript:var x = document.getElementById('myfield').value = 'aaa';

and do this in

         onPageFinishedLoading(){}

got this from the link Android WebView always returns null for javascript getElementById on loadUrl

edited May 23, 2017 at 12:22

CommunityBot

11 silver badge

answered Sep 4, 2016 at 19:29

Nasz Njoka Sr.

1,12816 silver badges28 bronze badges

Comments

Nitin · Accepted Answer · 2019-06-07 05:24:05Z

For me, it is required to fill multiple entries in form one by one on callback of each "webView.evaluateJavascript" Note: API version > 18

See below snippet for reference

ArrayList<String> arr = new ArrayList<String>();
arr.add("document.getElementsByName(\"tag_name\")[0].value  = \"your_value\";");
.
.
.
call setValue(arr, 0)

private void setValue(final ArrayList<String> arr, final int i) {
        if (i < arr.size()) {
            webView.evaluateJavascript(arr.get(i), new ValueCallback<String>() {
                @Override
                public void onReceiveValue(String value) {
                    int j = i + 1;
                    setValue(arr, j);
                }
            });
        }else{
            webView.evaluateJavascript("document.getElementById(\"your_form_id\").submit();", new ValueCallback<String>() {
                @Override
                public void onReceiveValue(String value) {
                    Toast.makeText(MainActivity.this, "Submitted: "+value, Toast.LENGTH_SHORT).show();
                }
            });
        }
    }

Collectives™ on Stack Overflow

fill form programmatically in Android Webview - JavaScript

4 Answers 4

2 Comments

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related