如何在javascript中获取html属性值以进行验证

对于上面的代码，我希望将名字的值与数据模式进行比较。那么，我们将如何在javascript中实现这一点呢

input[type=“text”]：有效{
颜色：绿色；
}
输入[type=“text”]：无效{
颜色：红色；
}

---

也许您可以使用

模式=“[a-zA-Z]+”

来代替。我想将模式中的两个值与名称字段的值进行比较
Go

函数myFunction（）{var firstName=document.getElementById（'firstName'）。value；var regExp=/^[a-zA-Z]+$/g；if（regExp.test（firstName）==false）{document.getElementById（“demo”）.innerHTML=“对于您的姓名，请仅使用字母”}返回false；}

<input type='text' id='firstname' data-pattern="/^[a-zA-Z]+$/"  data-message="For your name please use alphabets only" required="required" /><br />