Javascript jQuery验证表单span不工作

我使用的在线博客表单验证是在jQuery中完成的，这个文件的问题是，当我将输入代码重新用于其他id时，不会显示span警报

$(document).ready(function() {
            <!-- Real-time Validation -->
                <!--Name can't be blank-->
                $('#contact_name').on('input', function() {
                    var input=$(this);
                    var is_name=input.val();
                    if(is_name){input.removeClass("invalid").addClass("valid");}
                    else{input.removeClass("valid").addClass("invalid");}
                });
                $('#contact_nameee').on('input', function() {
                    var input=$(this);
                    var is_named=input.val();
                    if(is_named){input.removeClass("invalid").addClass("valid");}
                    else{input.removeClass("valid").addClass("invalid");}
                });

                <!--Email must be an email -->
                $('#contact_email').on('input', function() {
                    var input=$(this);
                    var re = /^[a-zA-Z0-9.!#$%&'*+=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
                    var is_email=re.test(input.val());
                    if(is_email){input.removeClass("invalid").addClass("valid");}
                    else{input.removeClass("valid").addClass("invalid");}
                });

                <!--Website must be a website -->
                $('#contact_website').on('input', function() {
                    var input=$(this);
                    if (input.val().substring(0,4)=='www.'){input.val('http://www.'+input.val().substring(4));}
                    var re = /(http|ftp|https):\/\/[\w-]+(\.[\w-]+)+([\w.,@?^=%&amp;:\/~+#-]*[\w@?^=%&amp;\/~+#-])?/;
                    var is_url=re.test(input.val());
                    if(is_url){input.removeClass("invalid").addClass("valid");}
                    else{input.removeClass("valid").addClass("invalid");}
                });

                <!--Message can't be blank -->
                $('#contact_message').keyup(function(event) {
                    var input=$(this);
                    var message=$(this).val();
                    console.log(message);
                    if(message){input.removeClass("invalid").addClass("valid");}
                    else{input.removeClass("valid").addClass("invalid");}   
                });

            <!-- After Form Submitted Validation-->
            $("#contact_submit button").click(function(event){
                var form_data=$("#contact").serializeArray();
                var error_free=true;
                for (var input in form_data){

                    var element=$("#contact_"+form_data[input]['name']);

                    var valid=element.hasClass("valid");
                    var error_element=$("span", element.parent());
                    if (!valid){

                    error_element.removeClass("error").addClass("error_show"); 
                    error_free=false;
                    }
                    else{error_element.removeClass("error_show").addClass("error");}
                }
                if (!error_free){
                    event.preventDefault(); 
                }
                else{
                    alert('No errors: Form will be submitted');
                }
            });



        });

$（文档）.ready（函数（）{
$（'#contact_name'）。在（'input'，function（）上{
var输入=$（此）；
var是_name=input.val（）；
if（is_name）{input.removeClass（“无效”）.addClass（“有效”）；}
else{input.removeClass（“有效”）.addClass（“无效”）；}
});
$（'#contact_nameee'）。在（'input'，function（）上{
var输入=$（此）；
var是_named=input.val（）；
if（命名为）{input.removeClass（“无效”）.addClass（“有效”）；}
else{input.removeClass（“有效”）.addClass（“无效”）；}
});
$（'contact#u email'）。在（'input'，function（）上{
var输入=$（此）；
变量re=/^[a-zA-Z0-9.！$%&'*+=？^`{124;}-]+@[a-zA-Z0-9-]+（？：\.[a-zA-Z0-9-]+）*$/；
var是_email=re.test（input.val（））；
if（is_email）{input.removeClass（“无效”）.addClass（“有效”）；}
else{input.removeClass（“有效”）.addClass（“无效”）；}
});
$（'contact#u website'）。在（'input'，function（）上{
var输入=$（此）；
如果（input.val（）.substring（0,4）='www.）{input.val（'http://www.“+input.val（）.substring（4））；}
变量re=/（http | ftp | https）：\/\/[\w-]+（\.[\w-]+）+（[\w，@？^=%&；：\/~+-]*[\w@？^=%&；/~+\35;-]）？/；
var是_url=re.test（input.val（））；
if（is_url）{input.removeClass（“无效”）.addClass（“有效”）；}
else{input.removeClass（“有效”）.addClass（“无效”）；}
});
$（“#联系信息”）.keyup（函数（事件）{
var输入=$（此）；
var message=$（this.val（）；
控制台日志（消息）；
if（message）{input.removeClass（“无效”）.addClass（“有效”）；}
else{input.removeClass（“有效”）.addClass（“无效”）；}
});
$（“联系人提交按钮”）。单击（功能（事件）{
var form_data=$（“#contact”）.serializeArray（）；
var error_free=真；
for（表格_数据中的var输入）{
变量元素=$（“#联系人”+表单数据[输入]['name']）；
var valid=element.hasClass（“有效”）；
var error_element=$（“span”，element.parent（））；
如果（！有效）{
error_element.removeClass（“error”）.addClass（“error_show”）；
无错误=错误；
}
else{error_element.removeClass（“error_show”）.addClass（“error”）；}
}
如果（！无错误）{
event.preventDefault（）；
}
否则{
警报（“无错误：将提交表单”）；
}
});
});

我已经做完了

请调查一下，帮我解决一下

---

谢谢

问题在于该元素的

名称

，您已将

联系人

前缀添加到名称中，将其删除即可

<input type="text" id="contact_nameee" name="nameee"></input>

演示：