Javascript 如何在jquery中使用'this'调用多个id

在这里，我正在制作联系人表单。在同一页中，我有10个表单，我想验证所有表单。我想对所有表单使用相同的验证代码。在这里，我提供了id，但问题是相同的id在同一页上不起作用。我想使用当前id。有人能建议我怎么做吗？ 如果我的代码有任何错误，请随时告诉我。 谢谢

$（文档）.ready（函数（）{
/*姓名*/
$（'#contact_name'）。在（'input'，function（）上{
var输入=$（此）；
var是_name=input.val（）；
如果（是你的名字）{
input.removeClass（“无效”）.addClass（“有效”）；
}
否则{
input.removeClass（“有效”）.addClass（“无效”）；
}
});
/*电子邮件*/
$（'contact#u email'）。在（'input'，function（）上{
var输入=$（此）；
var regex=/^[[U a-z0-9-]+（\.[U a-z0-9-]+）*@[a-z0-9-]+（\.[a-z0-9-]+）*（\.[a-z]{2,4}）$/；
var是_email=regex.test（input.val（））；
如果（是电子邮件）{
input.removeClass（“无效”）.addClass（“有效”）；
}
否则{
input.removeClass（“有效”）.addClass（“无效”）；
}
});
/*选人*/
$（'#联系人_选择'）。更改（函数（）{
var select=$（此值）；
var selectOption=$（“#联系人_选择选项：选中”）.val（）；
如果（选择选项）{
select.removeClass（“无效”）.addClass（“有效”）；
}
否则{
select.removeClass（“有效”）.addClass（“无效”）；
}
});
/*选择时间*/
$（“#联系时间”）。更改（函数（）{
var select=$（此值）；
var selectTime=$（“#联系时间选项：选中”）.val（）；
如果（选择时间）{
select.removeClass（“无效”）.addClass（“有效”）；
}
否则{
select.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”）；
无错误=错误；
}
否则{
error_element.removeClass（“error_show”）.addClass（“error”）；
}
}
如果（！无错误）{
返回false；
}
否则{
$（'.success_msg'）.fadeIn（）.delay（3000.fadeOut（）；
$（'input，textarea，select'）.val（''）.removeClass（'valid'）；
event.preventDefault（）；
}
});
});

名称
此字段必填
电子邮件
需要有效的电子邮件地址
名称
此字段必填
电子邮件
需要有效的电子邮件地址
您可以在
输入
控件上使用自定义属性，如
data validation=“validation type”
，然后使用

$('<myform>').find('*[data-validation]').each(function(){
 // in here get the this object for each input control the code to validate comes here
 var valType = $(this).attr('data-validation');
  switch(valType)
  {
    case 1:
     //validation of case 1
     break;
     //add other cases as of your need.
  }     

});

按钮{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}
.有效{
边框：2倍纯绿；
}
.无效{
边框：2倍纯红；
}

表格一
输入名称


进入年龄


表格二
输入名称


进入年龄


单击我进行验证
您可以在
输入
控件上使用自定义属性，如
data validation=“validation type”
，然后使用

$('<myform>').find('*[data-validation]').each(function(){
 // in here get the this object for each input control the code to validate comes here
 var valType = $(this).attr('data-validation');
  switch(valType)
  {
    case 1:
     //validation of case 1
     break;
     //add other cases as of your need.
  }     

});

按钮{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}
.有效{
边框：2倍纯绿；
}
.无效{
边框：2倍纯红；
}

表格一
输入名称


进入年龄


表格二
输入名称


进入年龄


单击我进行验证
似乎您正在使用HTML5，那么添加自定义方法进行验证不是一个好主意

尝试使用jquery验证和模式属性，如：

        function submitForm(id){
    var isValid = $("#" + id).valid();
     if(isvalid)
    /* Yes valid*/
   else
    /* Invalid*/
      });

HTML


名称
此字段必填
电子邮件
需要有效的电子邮件地址
名称
此字段必填
电子邮件
需要有效的电子邮件地址

更新：

单击按钮时调用动态函数。类型为button而不是submit

希望你能明白这一点，这会有所帮助

编码快乐
 似乎您正在使用HTML5，那么添加自定义方法进行验证不是一个好主意

尝试使用jquery验证和模式属性，如：

        function submitForm(id){
    var isValid = $("#" + id).valid();
     if(isvalid)
    /* Yes valid*/
   else
    /* Invalid*/
      });

HTML


名称
此字段必填
电子邮件
需要有效的电子邮件地址
名称
此字段必填
电子邮件
需要有效的电子邮件地址

更新：

单击按钮时调用动态函数。类型为button而不是submit

希望你能明白这一点，这会有所帮助

编码快乐
 ID必须是唯一的，您必须使用类。@Smit Raval是的，ID必须是唯一的，但在jquery中，我只想编写一次代码。我应该如何编写。您确定输入作为on函数的第一个参数，我认为它应该是事件名$（“#contact_name”）。在（'click'，function（）上，这个ID必须是唯一的，你必须使用class。@Smit Raval是的，ID必须是唯一的，但是在jquery中，我只想写一次代码。我应该如何写。你确定输入作为on函数的第一个参数，我认为它应该是事件名。$（'#contact_name'）。在（'click'，function（）上根据我必须添加的代码查看此内容。在提交中，我们也有相同的田园诗，您可以将其添加到您的提交中，但如果您