我是否在html5中创建自定义验证？

Question

我有多个领域在我的形式像

<input type="text" pattern="[0-9]+([\.,][0-9]+)?" step="any" oninvalid="setCustomValidity('Enter decimal value')" required> 

我可以创造这样需要前小数，这样我就不必每次都写入模式和自定义消息

我很第一次使用HTML 5所以请帮助我，如果你需要更清晰的问题让我知道谢谢

Answer 1

基于示例here：

$ .validator.addMethod（ '十进制'，函数（值，元素）{

return this.optional(element) || /^\d+(\.\d{0,3})?$/.test(value); 

}， “请输入正确的数，格式xxxx.xxx”）;

Answer 2

你可以做这样的事情，

• 如果您有具有所有这些领域相同的模式，你可以给同一个类名进行的所有这些领域，或者相同的名称很多领域，
• ，有必要做上述按顺序来识别所有这些类型的字段共同例如，

HTML代码：

<input type="text" step="any" class="patternText" oninvalid="setCustomValidity('Enter decimal value')" required> 

JS代码：

var patternFields=document.getElementByClassName("patternText"); 
for(var i=0;i<patternFields.length;i++) 
{ 
patternFields.pattern="[0-9]+([\.,][0-9]+)?"; 
patternFields.oninvalid = function(event) { 
event.target.setCustomValidity('Username should only contain lowercase letters. e.g. john'); 
} 
}