Создать пользовательскую проверку в html5?

Question

У меня есть несколько полей в моей форме, как

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

может я создать что-то вроде требуется экс десятичной так, что я не должен писать каждый раз, когда шаблон и пользовательское сообщение

я очень первый раз, используя html 5, поэтому, пожалуйста, помогите мне, если вам нужна дополнительная ясность по вопросу letme, я знаю спасибо

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'); 
} 
}