Я видел много функций, которые форматируют телефон или номер (запятая и десятичная) в сообществе стека, как этот вопрос здесь и другие. Вот что я хочу:
Шаг 1: Поддерживайте библиотеку для таких шаблонов:
var library = {
fullDate : {
pattern : /^[0-9]{4}-[0-9]{1,2}-[0-9]{1,2}$/,
error : "Invalid Date format. Use YYYY-MM-DD format."
},
fullDateTime : {
pattern : /^[0-9]{4}-[0-9]{1,2}-[0-9]{1,2} [0-9]{1,2}:[0-9]{1,2}$/,
error : "Invalid DateTime format. Use YYYY-MM-DD HH:MM (24-hour) format."
},
tel : {
pattern : /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/,
error : "Invalid Telephone format."
}
};
Шаг 2: автоматически добавьте символ по мере его ввода. Для примера добавьте -
после 4 чисел в Date.
У меня есть текстовое поле:
<input type="text" data-validate="fullDate" placeholder="YYYY-MM-DD"/>
И возможное место для запуска script как:
$('body').on('keyup','input',function(){
var validate = $(this).data('validate');
var pattern = library[validate].pattern;
//Some more steps here....
});
Но я не могу сделать дальше, потому что я новичок в RegExp. Здесь сценарий запуска. Кто-нибудь?
Дальнейшие заметки: я смог проверить, используя следующие функции, но то, что я хочу, автоматически создает шаблон:
function validate(libraryItem, subject){
var item = library[libraryItem];
if(item !== undefined){
var pattern = item.pattern;
if(validatePattern(pattern, subject)){
return true;
} else {
return item.error;
}
}
return false;
}
function validatePattern(pattern, subject){
return pattern.test(subject);
}