javascript - 使用 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

Have you tried adding

class="required"

to the inputs?

Answer 2

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

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