How to avoid user input in a field of a form in a WebView?

Question

when I load the touch Facebook login page in the webview, I want that the email field to be set to a value and it can't be modified and to accomplish that I have inserted a JavaScript code in the webview disabling that element. All works fine until I want to click the login button because the page refreshes instead of submit the login info. I've noticed that if I don't disable the item, the login button works fine but I don't know why occurs that.

What can be the problem? I've thought another way to make it works: Whenever the user try to modify the email field ignore whatever he do, but I think this is a less proffesional way to fix that.

Regards.

Answer 1

You can use jQuery to bind to the keypress event for the field, then use event.which to scan for keyInput and discard all charcodes. Then the field is not disabled, it just wont accept input.

Answer 2

I've not be able to disable the element and send the info, so I've chosen the other way, not allow the user to input anything with the parameter readOnly instead disabled. It's easier than the Mech Software's answer, althougt thank you for your answer.