Question

我的jquery-mobile / modernizr网站上有一个表单。我正在使用jquery-mobile的1.1.0-rc.1。我的页面上有此表单，但不提交。单击搜索按钮绝对没有任何意义。我不知道为什么。有什么想法吗？

<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>

Answer 1

正如@supertopi建议的那样，不建议您将表单放在p标记内。

请参阅此优秀帖子详细描述问题：Why doesn't form nested in p validate as XHTML

也许您可以发布更多代码或检查错误日志？上面的HTML可以在jsfiddle.net - http://jsfiddle.net/shanabus/5V9sn/

中使用

Answer 2

如果没有进一步了解您的应用程序逻辑，很难说，但可能会将您的表单更改为

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

表格不会提交

2 个答案: