Question

我正在尝试将一个简单的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>

Answer 1

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

Answer 2

尝试：

$(document).on('submit', '#loginform', function() {
     console.debug($('#loginform').serializeArray());
});

JQueryMobile表单总是空的

2 个答案: