如何通過javascript中的自定義屬性的特定值獲取元素？

Question

你能告訴我如何獲得所有<input>字段與自定義「驗證」屬性。

<form> 
    <p><input type="text" id="first_name" name="first_name" validation="isRequired,currectFormat" placeholder="first name" required/></p> 
    <p><input type="text" id="last_name" name="last_name" validation="isRequired,currectFormat" placeholder="last name"/></p> 
    <p><input type="text" id="email" name="email" validation="isRequired,currectFormat" placeholder="email"/></p> 
    <p><input type="text" id="address" name="address" placeholder="address" /></p> 
    <input type="button" value="OK"> 
</form> 

Answer 1

var inputs = document.querySelectorAll('form input[validation]'); 

使用CSS屬性選擇在querySelectorAll()。

https://jsfiddle.net/hkcmrLer/

Answer 2

您是否嘗試過做這樣的事情：

document.querySelectorAll('input[validation="isRequired,currentFormat"]');