validar se o usuário foi até o final do scroll .

[mpaulo 1]

Fala pessoal, beleza?

 

então eu estou tentando fazer uma validação para que obrigue o usuário ler o contrato até o final da div, se ele for até o final da div abilita o check box.

segue o codigo abaixo:

function check(){
	
	          //$("#envia").click(function(){			 
			  var rolagemTop=$("#conteudo").scrollTop();
   			  if(rolagemTop>170){
        			//$("#scroll").text("final");
					$("#aberto").hide();
					$("#abrir").show();
               }else{ alert('leia até o final do contrato');
		 
		  }
	 
}

<div id="conteudo" style="width:500px;height:400px;border:1px solid;overflow:auto;">
      linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>
      linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>
      linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>
      linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>linha<br>     
      
  </div>

<form action="recebe.php">
<div id="abrir" style="display:none;">
<center>
       <input name="aceite" id="aceite" value="aceite"type="checkbox" />Aceita os termos de contrato?</center>
</div>  
<div id="aberto">
<center>
       <input name="aceite" type="checkbox" value="off" DISABLED>aceita os termos de contrato</center>
</div>
	
<center><input type="submit" value="teste" id="envia" onClick="return check();"  /></center>
 </form>

agradeço desde já.

[William Bruno 1501]

Ok, e qual a dúvida ?

 

Aparece algum erro no console ? Ctrl + Shift + J no Firefox ?

[mpaulo 1]

então Willian, ele não da erro mais sim ele abilita e desabilita o checkbox quando ele vai até o final do scroll. e o detalhe é que se eu tiro o form e deixo os input ele funciona correto

[William Bruno 1501]

E qual a dúvida ? vc está com algum problema ?

 

Não entendi..

[mpaulo 1]

na verdade eu queria validar os dois campo, o primeiro se ele leu até o final e depois se o checkbox foi selecionado, só que eu não to conseguindo fazer essa validação se ele leu até o final.

[Douglas Julião 34]

Cara está muito confuso isso ae rsrs...

mais acho que o que você precisa é disso:

coloquei um id nesse checkbox:

<input name="aceite" type="checkbox" id="contrato-check" value="off" DISABLED>

Eu fiquei um pouco perdido nesses dois checkbox, mais acredito que seja algo assim

function check(){
	
	          //$("#envia").click(function(){			 
			  var rolagemTop = $("#conteudo").scrollTop(),
                              check      = $("#aceite");   
                          
   			  if(rolagemTop>170){
        			//$("#scroll").text("final");
					$("#aberto").hide();
					$("#abrir").show();
                                        $("#contrato_check").disabled = false;  
               }else if(rolagemTop > 170 &&  check.checked = true){
                   //valide alguma coisa                    
               }else{ 
                   alert('leia até o final do contrato');
	       }
	 
}

Da uma olhada!!

Flw.

[mpaulo 1]

fala Douglas vlw por responder ,

 

o formulario não envia para pagina recebe.php mais a validação se o usuario leu até o final está dando certo.

agora só estou tentando validar o checkbox.

vlw Douglas se tiver mais uma ideia do que seja agradeço.

[Douglas Julião 34]

Cara ainda estou com dúvida sobre a sua dúvida rsrsrs...

mais no caso se você quer mexer com php também, acredito que você precise usar ajax ou post, um exemplo com jquery.post:

var aceite = document.getElementById('aceite');
        aceite.onclick = function(){
            if(this.checked){
                $.post('recebe.php', 
                    {
                        //acc: $('#aceite').val()
                        //Só coloquei isso de exemplo.
                    },function(data) {
                        console.log(data);
                });
            }
        };

Eu ainda não manjo muito mexer com ajax e post do jquery, mas tenta pegar a lógica.

Boa sorte!

A a propósito, eu não tive tempo de testar o código, mais eu tentei deixar simples :)