JQuery移动表单始终为空

JQueryMobile form always empty

本文关键字：移动 表单 JQuery      更新时间：2023-09-26

我正在尝试向服务器发布一个简单的 JQM AJAX 表单 - 但由于某种原因，我的表单输入值始终为空。（即使在 DOM 检查器中）这是我的HTML中的第二页 - 也是页面上唯一的表单。控制台始终打印出"[]"

<div data-role="page" id="login">
    <div data-role="content">
        <h2>
            Login
        </h2>
        <form id="loginform" data-ajax="false">
            <fieldset>
                <input name="" id="userId" name="userId" placeholder="login" type="number">
                <input name="" id="password" name="password" placeholder="password" type="password">
                <input type="button" id="login_submit" data-theme="b" value="Submit">
            </fieldset>
        </form>
    </div>
    <script language="JavaScript" >
        $(document).on('pagebeforeshow', "#login", function(){
            $(document).on('click', '#login_submit', function() {
                console.debug($('#loginform').serializeArray());
            });
        });
    </script>
</div>

一旦发布到 SO 中，答案就很明显了。输入字段上有重复的名称属性 - 请注意，最初的问题可能是名称属性设置为" - 这会将它们从表单提交中删除。

尝试：

$(document).on('submit', '#loginform', function() {
     console.debug($('#loginform').serializeArray());
});
相关文章：