How to refer method that is in the java class of src folder from html file in phonegap

Question

I have User registration page in Phonegap www folder.I want to validate email id and phone number using native android functions.How do I do that?

Answer 1

We have to write JS interface to execute java code from javascript.
Write following code in your onCreate method:

public class MainActivity extends DroidGap {
@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");

        WebView webView = (WebView) findViewById(R.id.webView);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webView.addJavascriptInterface(new Object()
             {
                public void performClick(String emailAdress, String phoneNo)
                {
                   // Validate email address and Phone number here
                }
             },"MyAndroid");
}
}

To call JS interface in phonegap app, write javascript function:

&ltscript>
document.getElementById("validateButton").addEventListener('touchstart',touchPagePressed);// you can use 'onclick' also
function touchPagePressed()
{
   // MyAndroid interface will execute java's performClick method
   MyAndroid.performClick($("#emailId").val(),$("#phoneNo").val());
}
&lt/script>