用Jquery进行表单验证不起作用

Question

我要在HTML代码下编写此脚本，因为我想使用插件“ jQuery.validate.js”来验证表单，但它根本无法正常工作。 我在一个视频教程中看到了它，但是它无法正常工作，我从两天开始就在进行研发，但徒劳无功。 由于我对javascript和jQuery不满意，因此请发布一些有用的材料。

<script  type="text/javascript">
    $(document).ready(function(){
        $('#sign_up').validate(function(){
            rules: {
                        first_name: "required",
                        last_name: "required",
                        user_name: "required",
                        father_name: "required",
                        guardian_name: "required",
                        cnic_no: "required",
                        mob_num: "required",
                        ofic_no: "required",
                        res_no: "required",
                        b_day: "required",
                        home_address: "required",
                        office_address: "required",
                        my_country: "required",
                        my_city: "required",
                        radio_gender: "required",
                        radio_status: "required",
                        email: {
                            required: true,
                            email: true
                        }


                    },
                    // Specify the validation error messages
                    messages: {
                        first_name: "Please enter your first name",
                        last_name: "Please enter your last name",
                        user_name: "Please enter your user name",
                        father_name: "Please enter your father name",
                        guardian_name: "Please enter your guardian name",
                        cnic_no: "Please enter your cnic",
                        mob_num: "Please enter your mobile number",
                        ofic_no: "Please enter your office number",
                        res_no: "Please enter your residantial no",
                        b_day: "Please enter your birth date",
                        home_address: "Please enter your home address",
                        office_address: "Please enter your office address",
                        my_country: "Please enter your country",
                        my_city: "Please enter your city",
                        radio_gender: "Please select your gender",
                        radio_status: "Please select your status",
                        email: "Please enter a valid email address",

                    }

        });


    });
</script>

Answer 1

 $(document).ready(function(){ $('#sign_up').validate(function(){ // Specify the validation error messages messages: { first_name: "Please enter your first name", } }); }); $('#btn').click(function(){ $('#sign_up').valid(); }): 

 <form id="sign_up"> <p>First name: <input id="first_name" required /> <button id="first_name">Validate</button></p> </form>