Question

我正在我的HTML代码下编写这个脚本，因为我想用插件“jQuery.validate.js”验证我的表单，但它根本不起作用。我在一个视频教程中看到了它，但它无法工作我正在工作并且在2天内对它进行R＆amp; D但都是徒劳的。因为我是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>

使用Jquery进行表单验证无效

1 个答案: