Question

我在jQuery Mobile项目中使用JQuery Validation Plugin。我有一个简单的登录表单，我需要确保用户名和密码字段都不为空。这是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中对此进行了测试，结果是一样的。

我做错了吗？这个插件是否可以使用密码？

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

Answer 1

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

jQuery验证插件要求每个<input />元素都设置有效的name属性。来自文档：

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

Markup recommendations

Answer 2

仅将class="required"替换为 required 。

测试：Form

jQuery Validation Plugin：未验证密码字段

2 个答案: