使用validate.js进行表单验证无效

Question

以下代码中的验证无效。我正在使用validate.js。可以请任何人指出问题吗？

<form id="tf">
    <input type="text" id="q" name="q" />
    <input type="submit" value="Submit" />
</form>

<script type="text/javascript">
    $(document).ready(function () {
        $("#tf").validate({
            rules: {
                q: {
                    required: true
                }
            },
            messages: {
                q: {
                    required: "Done"
                }
            }
        });
    });
</script>

Answer 1

我认为您需要添加一个类而不是ID才能使验证有效。

<input type="text" id="q" class="q" name="q" />

Answer 2

您是否尝试过添加

class="required"

输入？