Ограниченное количество слов в input?

Question

[yellow_pus]

Как разрешить вводить в input определенное количество слов, где "слов", означает наличие запятой, после введенных букв

Comments

[WbICHA]

Либо паттерном, либо жсом.

Answer 1

[Григорий Боев]

let elem = document.getElementsByName('body')[0]; // ищем по имени или любым другим способом
	if (elem){
		elem.oninput = ()=>{
			const wordsCount = 5; // количество "слов"
			const delimiter = ","; // разделитель "слов"
			const attributeName = "oldValue"; // атрибут для хранения старого значения
						
			if (elem.value.split(delimiter).length<=(wordsCount-1)){
				console.log("save good value");
				elem.setAttribute(attributeName, elem.value);
			}else{
				console.log("wrong input");
				let oldValue = elem.getAttribute(attributeName);
				if (oldValue!==undefined){
					console.log("return old value");
					elem.value = oldValue;
				}else{
					console.log("return default value");
					elem.value = "";
					elem.setAttribute(attributeName, elem.value);					
				};				
			};
		};
	};