jQuery验证表单 - 确保First和Last名称中的数字仅输入字母 [英] jQuery Validation Form - Ensure no numbers in First and Last name input only letters

问题描述

我正在使用jQuery来验证表单（firstName，lastName和email）。我已成功验证表单的电子邮件部分但是我想知道如何验证firstName和lastName输入字段？

I am using jQuery to validate a form (firstName, lastName, and email). I have successfully validate the email portion of the form however I would like to know how to validate the firstName and lastName input fields?

jQuery验证脚本：

jQuery Validation script:

电子邮件验证（正常工作）：

email validation (working):

var patt =  /^.+@.+[.].{2,}$/i;

    if(!patt.test(ele.val())) {
        jVal.errors = true;
                    emailInfo.removeClass('correct').addClass('error').html('X').show();
        ele.removeClass('normal').addClass('wrong');
            }else{
                    emailInfo.removeClass('error').addClass('correct').html('√').show();
                    ele.removeClass('wrong').addClass('normal');
            }

        },

firstName验证（不工作） ：

firstName validation (not working):

var patt =  /^[a-zA-Z'-]+$/;

        if(!patt.test(ele.val()).length < 2) {
            jVal.errors = true;
                firstNameInfo.removeClass('correct').addClass('error').html('X').show();
                ele.removeClass('normal').addClass('wrong');
        } else {
                firstNameInfo.removeClass('error').addClass('correct').html('&radic;').show()
                ele.removeClass('wrong').addClass('normal');
            }
        },

推荐答案

致电 https://cdnjs.cloudflare。 com / ajax / libs / jquery-validate / 1.15.0 / jquery.validate.min.js 最后一个HTML代码

call https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js at last of html code

$('#formId').validate({
            rules: {
                firstname: {
                    minlength: 3,
                    maxlength: 30,
                    pattern: "^[a-zA-Z_]*$",
                    required: true
                },
                 lastname: {
                    minlength: 3,
                    maxlength: 30, 
                    pattern: "^[a-zA-Z_]*$",
                    required:true
                }
     },
            highlight: function(element) {
                $(element).closest('.form-group').addClass('has-error');
            },
            unhighlight: function(element) {
                $(element).closest('.form-group').removeClass('has-error');
            },
            errorElement: 'span',
            errorClass: 'help-block',
            errorPlacement: function(error, element) {
                if(element.parent('.input-group').length) {
                    error.insertAfter(element.parent());
                } else {
                    error.insertAfter(element);
                }
            }
        });

这篇关于jQuery验证表单 - 确保First和Last名称中的数字仅输入字母的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！