Question

I made a mobile web app which contains a basic form with a submit button. My problem is that the submit button will not work on mobile devices (mobile safari). When the button is clicked nothing happens. However, it works fine on computer in all browsers. Below is the form which contains the submit button. Any ideas why this would be happening.

Form Code:

<form method="get" name="myForm">
    <ul class="roundbox">
        <li><input type="text" placeholder="To:" class="addr" name="addr" id="addr" autocapitalize="off" autocorrect="off" autocomplete="off" /></li>
        <li>
            <textarea rows="10" cols="30" style="overflow::hidden" placeholder="Message" name="body" id="body" size="220" autocapitalize="off" autocorrect="off" autocomplete="off"> </textarea>
        </li>
        <li>
            <input type="submit" class="submit" value="Send">
            <input type="reset" class="reset" value="Clear"/>
            <input type="hidden" value="O" type="text" name="dir" id="dir" />
        </li>
    </ul>
</form>

Answer 1

I found the solution, the problem was with JQTouch. You need to add

    formSelector: false,
    useFastTouch: false,

to your $.jQTouch object and add class=”form” to your form. Here is a conversation about this problem http://code.google.com/p/jqtouch/issues/detail?id=125