Javascript 通过自定义属性进行表单验证

请帮助我通过输入标记的自定义属性进行验证（在我的示例中为：验证）。请帮助我更改代码，使其更具动态性和可重用性

var validation=function validation（）{//out-of-grid-重命名js-name
//验证名字-仅验证字母
var only_letters=//^[A-Za-z]+$////只允许字母
if（firstName.value.length==0）{
document.getElementsByClassName（“错误”）[0].innerHTML=“需要名字”；
formIsValid=false；
}
其他的
if（firstName.value.match（仅字母））{
document.getElementsByClassName（“错误”）[0]。innerHTML=“”；
}
否则{
document.getElementsByClassName（“错误”）[0].innerHTML=“仅允许字符”；
formIsValid=false；
}
//验证电子邮件
变量email\u letters=/^\w+（[\.-]？\w+*@\w+（[\.-]？\w+）*（\.\w{2,3}）+$/；
如果（email.value.length==0）{
document.getElementsByClassName（“错误”）[2].innerHTML=“需要电子邮件”；
formIsValid=false；
}
其他的
if（email.value.match（email_-letters））{
document.getElementsByClassName（“错误”）[2].innerHTML=“”；
}
否则{
document.getElementsByClassName（“错误”）[2].innerHTML=“电子邮件格式不正确”；
formIsValid=false；
}

如果你仔细看的话，本质上只有一种方法。 创建一个获取元素、正则表达式、响应容器并返回字符串的方法

它看起来像这样：

function validateMePls(var field, var regex, var placeholder){
    var isValid = "";
    /** do all your checks here (length, regex, etc), appending 'isValid', then return it at the end */
};

var isValid = validateMePls(email, email_letters, document.getElementsByClassName("error")[2]);

/** and now you check 'isValid' for something in it, so you know if you have an error or not */

这就是代码的优化版本的基本外观

很抱歉出现了“接近Java”的代码，但我最近没有使用任何Javascript

---

祝你好运。

如果你仔细看，你的本质只有一种方法。 创建一个获取元素、正则表达式、响应容器并返回字符串的方法

它看起来像这样：

function validateMePls(var field, var regex, var placeholder){
    var isValid = "";
    /** do all your checks here (length, regex, etc), appending 'isValid', then return it at the end */
};

var isValid = validateMePls(email, email_letters, document.getElementsByClassName("error")[2]);

/** and now you check 'isValid' for something in it, so you know if you have an error or not */

这就是代码的优化版本的基本外观

很抱歉出现了“接近Java”的代码，但我最近没有使用任何Javascript

---

祝你好运。

你可以利用

占位符

属性，

必需

属性，

设置CustomValidity（）

在

无效

事件中设置为

占位符

var inputs=document.querySelectorAll（“输入：not（[type=submit]）”；
对于（变量i=0；i

您可以利用

占位符

属性，

必需

属性，

设置CustomValidity（）

在

无效

事件中设置为

占位符

var inputs=document.querySelectorAll（“输入：not（[type=submit]）”；
对于（变量i=0；i

请使用客户端验证库而不是滚动自己的验证库，例如：请使用客户端验证库而不是滚动自己的验证库，例如：