Question

我的Jquery Mobile应用程序中有一个基本的登录表单，因为我喜欢listviews的外观，特别是data-inset = true，我决定在<li>标签中放置我的字段和提交按钮。但是，当我这样做时，我的表格将不会提交。如果我删除了listview代码（<ul>和<li>标记），它确实有效。

这是我的代码与listview：

<form action="index.php" name="frmLogin" method="post">
        <ul data-role="listview" data-inset="true">
            <li data-role="list-divider" role="heading" tabindex="0">Member login</li>
            <li><input type="text" name="login-email" id="login-email" value="Email" /></li>
            <li><input type="password" name="login-password" id="login-password" value="Password" /></li>
            <li><button type="submit" name="login-submit" id="login-submit" data-icon="arrow-r" data-iconpos="right">LOG ON</button></li>
        </ul>
    </form>

所以会发生什么，表格根本没有反应，上面的代码。它甚至没有显示提交表单时通常出现的标准“加载”叠加层。

有什么想法吗？

非常感谢！

Answer 1

我从未使用过jQuery Mobile，但你可以在点击#login-submit时克隆表格（删除ul＆amp; li）并提交。

Answer 2

您需要使用<ul>吗？您可以通过将输入包装在<div data-role="fieldcontain">中来获得类似的布局。

查看the layout and markup here, for example

Answer 3

我使用了data-ajax="false"属性，对我来说效果很好。我的输入字段也在列表项中。

（尝试将Jquery-Mobile添加到帖子的标签中以获得更多响应:)）

如果输入字段在列表视图中，则Jquery Mobile表单不会提交

3 个答案: