Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   pattern умеет проверять на одинаковые значения в value? (https://javascript.ru/forum/xhtml-html-css/75352-pattern-umeet-proveryat-na-odinakovye-znacheniya-v-value.html)

dima85 27.09.2018 14:39

pattern умеет проверять на одинаковые значения в value?
 
Есть 4 поля ввода. Если в каком-то из них одинаковые value нужно его подсветить. Это можно сделать без js на чистом pattern?

Aetae 27.09.2018 15:48

Очевидно нет. Pattern проверяет конкретный input и более ни о чём не знает.

Простеньким js можно сделать примерно так:
<div class="group">
  <input><br>
  <input><br>
  <input><br>
  <input>
</div>
<script>
var inputs = [].slice.call(document.querySelectorAll('.group input'));
var message = 'Same value!';

inputs.forEach(function(input){
	input.addEventListener('input', validate);
});

function validate(event){
	var obj = {};
	inputs.forEach(function(input){
  		input.setCustomValidity('');
    
  		if(!input.value) return;

 		if(input.value in obj){
			obj[input.value].setCustomValidity(message);
			input.setCustomValidity(message);
		}else{
			obj[input.value] = input;
		}
	});
}
</script>


Часовой пояс GMT +3, время: 18:17.