Geek Answers Handbook

The form will not be submitted

I have a form on my jquery-mobile / modernizr website. I am using 1.1.0-rc.1 jquery-mobile. I have this form on my page and it is not submitted. Pressing the search button does absolutely nothing. I do not know why. Any ideas?

<p data-enhance="false">
            <form action="/Home/Search" method="get">
    <ul data-role="listview" data-inset="true">
        <li data-role="list-divider">Search</li>
        <li>
            <div class="ui-grid-a">
                    <div class="ui-block-a" style="vertical-align: middle;">
                    <input id="Query" name="Query" type="text" value="" />
                </div>
                <div class="ui-block-b" style="vertical-align: middle; max-width: 150px;">
                    <input data-ajax="false" data-icon="search" type="submit" value="Search" data-role="button" data-mini="true" style="vertical-align: middle;" />
                </div>
            </div>
        </li>
    </ul>
            </form>  
</p>
+2
source share
2 answers

As @supertopi points out, its not recommended to have your form inside a tag p.

See this wonderful article detailing the problem: Why isnโ€™t nested in p validate configured like XHTML

Maybe you could post more code or check your error log? HTML above works in jsfiddle.net - http://jsfiddle.net/shanabus/5V9sn/

+3

, , , ,

<form action="#/Home/Search" method="get">
+1

More articles:


All Articles