Form validation with validate.js is not working

Question

The validation is not working in the following code. I am using validate.js. Can please anybody point out the problem ?

<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

Have you tried adding

class="required"

to the inputs?