1

我在 jQuery Mobile 项目中使用JQuery 验证插件。我有一个简单的登录表单，我需要确保用户名和密码字段都不为空。这是HTML：

            <form id="my_form">
                <input type="text" id="username" placeholder="User" class="required" />
                <input type="password" id="userpsw" placeholder="Password" class="required" />
                <input class="submit" type="submit" value="Login"/>
            </form>

这是代码：

             $(document).on("pageinit", function(){        
                $("#my_form").validate({
                    submitHandler: function(form) {
                      alert("All fields ok!");
                    }
                 });
            });

问题是只有用户名字段正在被验证。仅填写用户名后，当我按下提交按钮时，将显示“所有字段正常”对话框。我在 Chrome 和 Firefox 中测试过，结果是一样的。

难道我做错了什么？这个插件可以使用密码吗？

更新：我已将密码输入类型更改为“文本”，但一直失败。

4

2 回答 2

4

您是否尝试在输入元素上设置名称属性？

jQuery 验证插件要求每个<input />元素都有一个有效的 name 属性集。从文档中：

The name attribute is required for input elements, the validation plugin doesn't work without it.

标记建议

于 2013-02-18T10:54:05.557 回答
1

仅替换class="required"为required。

测试：表格

于 2013-02-18T10:57:05.287 回答