jQuery Mobile Force hide soft keypad on focusing text input field

jquery-mobile datepicker soft-keyboard
texens picture texens · Nov 1, 2011 · Viewed 9.9k times · Source

I have a date field on a PHP website and I'm using jQuery Mobile for mobile site.

While browsing the site on a mobile browser, (eg firefox mobile on android), on clicking on the date text input, the calendar dialog comes up, but the soft keyboard also comes up on my android (Soft keypad comes up whenever one focuses on a input field) Is there a way, I can force hide the soft keyboard ? Is there a generic javascript based trick to force hide the soft keypad (that works on all mobile devices like iphone, android etc ?

I'm using the jQuery Mobile datepicker from here TIA

Answer

mdurchholz picture mdurchholz · Aug 8, 2013

A more simple solution is to add readonly="true" to the input boxes that you have the datepicker attached to. Even though you can't manually type in a date, on mobile you won't have to deal with the keyboard popping up and getting in the way

Related questions

How can I check if a checkbox is checked?

I am building a mobile web app with jQuery Mobile and I want to check if a checkbox is checked. Here is my code. <script type=text/javascript> function validate(){ if (remember.checked == 1){ alert("checked") ; } else { alert("You …

Read More
How to redirect on another page and pass parameter in url from table?

How to redirect on another page and pass parameter in url from table ? I've created in tornato template something like this <table data-role="table" id="my-table" data-mode="reflow"> <thead> <tr> <th>Username&…

Read More
JQuery Parsing JSON array

I have a JSON output like the following: ["City1","City2","City3"] I want to get each of the city names, how can i do this? $.getJSON("url_with_json_here",function(json){ }); EDIT: $.getJSON('url_here', function(data){ $.each(data, …

Read More