Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

diegohamaz1

Validação em 2 campos

Por , em Javascript

Recommended Posts

diegohamaz1    0

diegohamaz1
Postado

Galera,

 

 

Tenho 2 select input 1 e input 2, na tela vai ter varios inputs desses como posso varrer a tela , e verificar se o valor dos dois já existe na tela?

 

input1 e input2

 

 

se cadastrar e tiver ja na tela os valores (DOS DOIS) eu dou um alerta , varro com each mesmo? e passa os dois seletores no each?

 

 

Agradeço

Compartilhar este post

Link para o post
Compartilhar em outros sites

gabrieldarezzo    255

gabrieldarezzo
Postado

quando você fala each é o do jQuery?

Vale usar o FrameWork VanillaJS ?(Ou JavaScript msm?)

<!DOCTYPE HTML>
<html lang="pt-br">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	
	
	<p>Valor 1:</p>
	<input type="text" name="valor1" id="valor1" />
	
	<p>Valor 2:</p>
	<input type="text" name="valor2" id="valor2" />
	
	<button id="btn-acao">Ativar!!!</button>
	
	
	
	<script type="text/javascript">
		
		document.getElementById("btn-acao").addEventListener('click', function() {
			var valor1 = document.getElementById("valor1").value;
			var valor2 = document.getElementById("valor2").value;
			if(valor1 != '' && valor2 != ''){
				alert('ambos preenchidos');
			} else {
				alert('ambos não estão preenchidos');
			}
		});
	</script>
</body>
</html>

Caso queira utilizar o seletor pela 'class' para sua iteração, é fácil, segue um exemplo.

<!DOCTYPE HTML>
<html lang="pt-br">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	
	
	<p>Valor 1:</p>
	<input type="text" name="valor1" class="my-class"/>
	
	<p>Valor 2:</p>                  
	<input type="text" name="valor2" class="my-class"/>
	
	<button id="btn-acao">Ativar!!!</button>
	
	
	
	<script type="text/javascript">
		
		document.getElementById("btn-acao").addEventListener('click', function() {
			var els = document.getElementsByClassName("my-class");

			Array.prototype.forEach.call(els, function(el) {
				if(el.value == ''){
					alert("Um campo está vazio...");
				}
			});
		});
	</script>
</body>
</html>

Recentemente fiz uma serie de exercícios de JavaScript, da uma olhada:

https://github.com/gabrieldarezzo/helpjs-ravi

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito