¿Es posible obtener datos de formularios HTML en Android mientras se usa webView?
Estoy haciendo un formulario muy simple en HTML que se ve en Android usando la vista web que toma su nombre usando un cuadro de texto y cuando hace clic en el botón, lo muestra en un párrafo y está hecho usando html y javascript. Este es mi código html:
<!DOCTYPE html>
<html>
<body>
<p> Write your name and win your favorite game console name and win it! The winners will be announced in 4 days.</p>
Type your name here: <input id="thebox" type="text" name="value" value=""><br>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("thebox").value;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
NUEVA FORMA EDITADA
<form name="albert" action="" method="POST">
<label for="firstname"> First Name </label>
<br /><br />
<input type="text" name="firstname" id="firstname" />
<input type="submit" name="sbumit" value="Submit" />
</form>
Quiero obtener el valor del cuadro de entrada llamado "thebox" en una variable en Android al hacer clic en el botón e intenté muchas cosas antes y seguí un método en el que se inyecta un archivo JS, pero como no sé nada sobre JS, entonces fallé al intentar eso y aquí está el archivo que puse en mi proyecto y el archivo se llama inject.js:
document.getElementsByTagName('form')[0].onsubmit = function () {
var objPWD, objAccount, objSave;
var str = '';
var inputs = document.getElementsByTagName('thebox');
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].name.toLowerCase() === 'thebox') {
objAccount = inputs[i];
}
}
if(objAccount != null) {
str += objAccount.value;
}
if(objPWD != null) {
str += ' , ' + objPWD.value;
}
if(objSave != null) {
str += ' , ' + objSave.value;
}
window.AndroidInterface.processHTML(str);
return true;
};
Y luego, mientras seguía ese artículo, decía que necesitaba poner algunas cosas en mi MainActivity, pero como estoy usando la vista web por primera vez, no pude entender mucho y aquí está el código que puse en mi MainActivity:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
WebView webView = new WebView(this);
this.setContentView(webView);
// enable javascript
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webView.addJavascriptInterface(new JavaScriptInterface(), "AndroidInterface");
// catch events
webView.setWebViewClient(new WebViewClient(){
@Override
public void onPageFinished(WebView view, String url) {
try {
view.loadUrl("javascript:" + buildInjection());
} catch (IOException e) {
e.printStackTrace();
}
}
});
webView.loadUrl("http://someurl.com");
}
Una clase anidada que hice en mi MainActivity:
class JavaScriptInterface {
@JavascriptInterface
public void processHTML(String formData) {
Log.d("AWESOME_TAG", "form data: " + formData);
}
}
Y finalmente el método que inyecta el código:
private String buildInjection() throws IOException {
StringBuilder buf = new StringBuilder();
InputStream inject = getAssets().open("inject.js");// file from assets
BufferedReader in = new BufferedReader(new InputStreamReader(inject, "UTF-8"));
String str;
while ((str = in.readLine()) != null) {
buf.append(str);
}
in.close();
return buf.toString();
}
Quiero obtener valor del formulario html (the-input-box) que muestro en una vista web en Android y ¿es realmente posible hacerlo y, en caso afirmativo, cómo y por favor explique? Gracias y también díganme en qué variable obtendré el valor.