Erro Alert não está funcionando corretamente

[11closed 0]

Olá pessoal, não estou conseguindo identificar o erro na codificação. o codigo se trata de uma verificação de convites de amigos, onde não posso enviar convides para a mesma pessoa, os convites são enviados pelo ID dos usuarios

 

vejam o codigo javascript

<script type="text/javascript">
function verifica() {
	
	if (form.convida_amigo2.value != '' && form.convida_amigo3.value != '') { 
		if (form.convida_amigo2.value == form.convida_amigo3.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 2 e o convite 3 n\u00e3o podem ser iguais."); 
			return false;
		} 
	} 
	
	if (form.convida_amigo2.value != '' && form.convida_amigo4.value != '') { 
		if (form.convida_amigo2.value == form.convida_amigo4.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 2 e o convite 4 n\u00e3o podem ser iguais."); 
			return false;
		} 
	} 
	
	if (form.convida_amigo2.value != '' && form.convida_amigo5.value != '') { 
		if (form.convida_amigo2.value == form.convida_amigo5.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 2 e o convite 5 n\u00e3o podem ser iguais."); 
			return false;
		} 
	} 
	
	if (form.convida_amigo2.value != '' && form.convida_amigo6.value != '') { 
		if (form.convida_amigo2.value == form.convida_amigo6.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 2 e o convite 6 n\u00e3o podem ser iguais."); 
			return false;
		} 
	} 
	
	if (form.convida_amigo2.value != '' && form.convida_amigo7.value != '') { 
		if (form.convida_amigo2.value == form.convida_amigo7.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 2 e o convite 7 n\u00e3o podem ser iguais."); 
			return false;
		} 
	} 
	
	if (form.convida_amigo3.value != '' && form.convida_amigo4.value != '') { 
		if (form.convida_amigo3.value == form.convida_amigo4.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 3 e o convite 4 n\u00e3o podem ser iguais."); 
			return false;
		} 
	}
	
	if (form.convida_amigo3.value != '' && form.convida_amigo5.value != '') { 
		if (form.convida_amigo3.value == form.convida_amigo5.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 3 e o convite 5 n\u00e3o podem ser iguais."); 
			return false;
		} 
	}
	
	if (form.convida_amigo3.value != '' && form.convida_amigo6.value != '') { 
		if (form.convida_amigo3.value == form.convida_amigo6.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 3 e o convite 6 n\u00e3o podem ser iguais."); 
			return false;
		} 
	}
	
	if (form.convida_amigo3.value != '' && form.convida_amigo7.value != '') { 
		if (form.convida_amigo3.value == form.convida_amigo7.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 3 e o convite 7 n\u00e3o podem ser iguais."); 
			return false;
		} 
	}
	
	if (form.convida_amigo4.value != '' && form.convida_amigo5.value != '') { 
		if (form.convida_amigo4.value == form.convida_amigo5.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 4 e o convite 5 n\u00e3o podem ser iguais."); 
			return false;
		} 
	}
	
	if (form.convida_amigo4.value != '' && form.convida_amigo6.value != '') { 
		if (form.convida_amigo4.value == form.convida_amigo6.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 4 e o convite 6 n\u00e3o podem ser iguais."); 
			return false;
		} 
	}
	
	if (form.convida_amigo4.value != '' && form.convida_amigo7.value != '') { 
		if (form.convida_amigo4.value == form.convida_amigo7.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 4 e o convite 7 n\u00e3o podem ser iguais."); 
			return false;
		} 
	}
	
	if (form.convida_amigo5.value != '' && form.convida_amigo6.value != '') { 
		if (form.convida_amigo5.value == form.convida_amigo6.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 5 e o convite 6 n\u00e3o podem ser iguais."); 
			return false;
		} 
	}
	
	if (form.convida_amigo5.value != '' && form.convida_amigo7.value != '') { 
		if (form.convida_amigo5.value == form.convida_amigo7.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 5 e o convite 7 n\u00e3o podem ser iguais."); 
			return false;
		} 
	}
	
	if (form.convida_amigo6.value != '' && form.convida_amigo7.value != '') { 
		if (form.convida_amigo6.value == form.convida_amigo7.value) { 
			alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 6 e o convite 7 n\u00e3o podem ser iguais."); 
			return false;
		} 
	}
}
</script>	

E o html é bem simples

<form id="form" name="form" method="post" action="criando.php">
  
  <?php if($mais_participantes >= '2'){ ?>
	<label for="exampleInputEmail1">2 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo2"   class="form-control"  id="exampleInputEmail2" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" />							
<?php } if($mais_participantes >= '3'){ ?>
	<label for="exampleInputEmail1">3 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo3"   class="form-control"  id="exampleInputEmail3" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" />							
<?php } if($mais_participantes >= '4'){ ?>
	<label for="exampleInputEmail1">4 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo4"   class="form-control"  id="exampleInputEmail4" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" />							
<?php } if($mais_participantes >= '5'){ ?>
	<label for="exampleInputEmail1">5 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo5"   class="form-control"  id="exampleInputEmail5" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" />							
<?php } if($mais_participantes >= '6'){ ?>
	<label for="exampleInputEmail1">6 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo6"   class="form-control"  id="exampleInputEmail6" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" />							
<?php } if($mais_participantes >= '7'){ ?>
	<label for="exampleInputEmail1">7 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo7"   class="form-control"  id="exampleInputEmail7" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" />							
<?php } ?>  
  
  <input type="submit" class="btn btn-primary btn-lg" Onclick="return verifica()" value="Criar Sala" /> 
 </form>

 

O PROBLEMA É QUANDO EU COLOCO EXEMPLO:  

CONVITE 2:  3

CONVITE 3:  

CONVITE 4:  

CONVITE 5:  

CONVITE 6:  10

CONVITE 7:  10

 

Era para dar o ERRO avisando que o convite 6 esta igual ao convite 7, mas ao inves de fazer isso está enviando os dados para outra pagina sem dar o erro, agora se eu retirar o 3 do convite 2, ai sim da o erro, o que estou fazendo de errado? alguem poderia me ajudar ?

[wanderval 19]

fiz um teste e aparentemente sua lógica está funcionando com esse ex, acredito que você esteja tendo problema com o evento do form

 

fiz uma alteração no seu form somente pra teste:

<form id="form" name="form" onsubmit="return verifica()">
    <div class="fields">
      <label for="exampleInputEmail1">2 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo2"   class="form-control"  id="exampleInputEmail2" placeholder="N&uacute;mero de ID"/>							
      <label for="exampleInputEmail1">3 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo3"   class="form-control"  id="exampleInputEmail3" placeholder="N&uacute;mero de ID"/>							
      <label for="exampleInputEmail1">4 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo4"   class="form-control"  id="exampleInputEmail4" placeholder="N&uacute;mero de ID"/>							
      <label for="exampleInputEmail1">5 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo5"   class="form-control"  id="exampleInputEmail5" placeholder="N&uacute;mero de ID"/>							
      <label for="exampleInputEmail1">6 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo6"   class="form-control"  id="exampleInputEmail6" placeholder="N&uacute;mero de ID"/>							
      <label for="exampleInputEmail1">7 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo7"   class="form-control"  id="exampleInputEmail7" placeholder="N&uacute;mero de ID"/>							
    </div>
    <button type="submit">Verifica</button>
  </form>

 

jsbin: https://jsbin.com/gufozegapa/edit?html,js,output

[washalbano 54]

Olá!
Segue sugestão:

<div class="row">
    <div class="col-md-8 col-lg-6">
      <?php
        if($mais_participantes > 1){
          $form = '<form method="post">';
          for($i=2; $i <=$mais_participantes; $i++){
            $form.="<label>{$i}º Convite <small class='text-muted'>Número de Identificação do seu amigo(ID)</small></label>"
              .'<div class="input-group mb-3">'
              .'<div class="input-group-prepend">'
              .'<span class="input-group-text"><i class="fa fa-user"></i></span>'
              .'</div>'
              ."<input type='number' data-index='$i' name='convida-amigo[$i]' class='form-control' placeholder='Número de ID'>"
              .'</div>';
          }
          echo $form.'<div class="text-right"><button class="btn btn-primary" type="submit" Onclick="return verifica()">Criar Sala</button></div></form>';
        }
      ?>
    </div>
</div>

<script type="text/javascript">
    function verifica() {
        // guarda todos os elementos input que o name começa com convida-amigo
        var inputs = document.querySelectorAll('input[name^="convida-amigo"]');

        // para cada um dos elementos em inputs
        for(i = 0; i < inputs.length; i++){
            // define o input atual
            var input = inputs[i];
            // se o valor for não for vazio
            if(input.value!=''){
                // para cada um dos elementos em input a partir de i+1
                for(c = i+1; c < inputs.length; c++){
                    var compareInput = inputs[c];
                    // compara se tem algum com valor igual ao de input
                    if(input.value==compareInput.value){
                        alert('ERRO: Envie apenas 1 convite por usuário(ID), o '+(input.dataset.index)+ 'º convite e o ' +compareInput.dataset.index+ 'º convite não podem ser iguais.');
                        return false;
                    }
                }
            }
        }
    }
</script>