jQuery validate plugin : accept letters only?

后端 未结 8 1382
被撕碎了的回忆
被撕碎了的回忆 2020-11-29 07:23

I\'m using the validate plugin from http://bassistance.de/jquery-plugins/jquery-plugin-validation/

What i\'m trying to find is a way to make some of my form fields a

8条回答
  •  旧巷少年郎
    2020-11-29 07:58

    Try This : ( This is perfect custom validation using jquery validator )

    $(function() {
    
        $.validator.addMethod("alphabetsnspace", function(value, element) {
            return this.optional(element) || /^[a-zA-Z ]*$/.test(value);
        });
    
        $("#add-employee").validate({
            rules: {
                employee_surname: {
                    required: true,
                    alphabetsnspace: true
                },
                employee_firstname: {
                    required: true,
                    alphabetsnspace: true
                },
                employee_othername: {
                    alphabetsnspace: true
                },
                father_name: {
                    required: true,
                    alphabetsnspace: true
                },
                mother_name: {
                    required: true,
                    alphabetsnspace: true
                },
                spouse_name: {
                    alphabetsnspace: true
                },
                ssn: {
                    number: true,
                },
                phone_no: {
                    number: true,
                },
                phone_no2: {
                    number: true,
                },
                passport: {
                    number: true,
                },
                driving_license: {
                    number: true,
                },
                email: {
                    email: true
                }
            },
            messages:
                {
                    "employee_surname":{
                        alphabetsnspace: "Please Enter Only Letters"
                    },
                    "employee_firstname":{
                        alphabetsnspace: "Please Enter Only Letters"
                    },
                    "employee_othername":{
                        alphabetsnspace: "Please Enter Only Letters"
                    },
                    "father_name":{
                        alphabetsnspace: "Please Enter Only Letters"
                    },
                    "mother_name":{
                        alphabetsnspace: "Please Enter Only Letters"
                    },
                    "spouse_name":{
                        alphabetsnspace: "Please Enter Only Letters"
                    },
                }
        });
    });
    

提交回复
热议问题