如果输入字段位于列表视图内，则Jquery Mobile表单不会提交
如果输入字段位于列表视图内，则Jquery Mobile表单不会提交
提问于 2011-03-28 12:29:49
我在Jquery Mobile应用程序中有一个基本的登录表单，由于我喜欢列表视图的外观，特别是在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>因此，使用上面的代码，表单根本不会做出反应。它甚至不会显示通常在提交表单时出现的标准“加载”覆盖。
有什么想法吗？
非常感谢！
回答 3
Stack Overflow用户
发布于 2011-03-28 12:32:55
我从未使用过jQuery Mobile，但您可以在单击#login-submit时克隆表单(去掉ul & li)并提交该表单。
Stack Overflow用户
发布于 2011-03-28 13:41:06
您需要使用<ul>吗？您可以通过将输入包装在<div data-role="fieldcontain">中来获得类似的布局。
看一看the layout and markup here, for example
Stack Overflow用户
发布于 2011-11-14 22:41:35
我使用了data-ajax="false"属性，对我来说工作得很好。我的输入字段也在列表项中。
(尝试将Jquery-Mobile添加到您的帖子的标签中以获得更多响应:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5454700
复制相关文章
相似问题
腾讯云开发者
