0

el siguiente checkbox

<input type="checkbox" name="checkbox" id="privacidad" value="acepto"> 

aquí todo el javascript

jQuery.noConflict();
var nombre = document.getElementById("nombre");
var correo = document.getElementById("correo");
var mensaje = document.getElementById("mensaje");


jQuery(document).on('click', '#enviar', function($) 
{



    // If the value is less than 7, add a red border
    if(jQuery("#nombre").val().length < 4)
    {
        jQuery("#nombre").css("border", "3px solid red");
        jQuery(".msgerror1").css("visibility", "visible");

    }
    else
    {
        jQuery("#nombre").css("border", "1px solid ");
        jQuery(".msgerror1").css("visibility", "hidden");
    }

    if(jQuery("#correo").val().length < 4)
    {

        jQuery("#correo").css("border", "3px solid red");
        jQuery(".msgerror2").css("visibility", "visible");

    }
    else
    {
        jQuery("#correo").css("border", "1px solid ");
        jQuery(".msgerror2").css("visibility", "hidden");
    }

    if(jQuery("#mensaje").val().length < 6)
    {


        jQuery("#mensaje").css("border", "3px solid red");
        jQuery(".msgerror3").css("visibility", "visible");
    }
    else
    {
        jQuery("#mensaje").css("border", "1px solid ");
        jQuery(".msgerror3").css("visibility", "hidden");
    }

    if(jQuery("#privacidad")!== 'acepto')
    {



        jQuery(".msgerror3").css("visibility", "visible");
    }
    else
    {

        jQuery(".msgerror3").css("visibility", "hidden");
    }
});

function enviarform()
{
    var nombre = document.getElementById("nombre");
    var correo = document.getElementById("correo");
    var mensaje = document.getElementById("mensaje");
    var checkbox2 = document.getElementById("privacidad");
    var formulario = document.getElementById("myform"); 
    var dato = formulario[0];


    if((nombre.value.length < 4) || (correo.value.length < 4)|| (mensaje.value.length < 6)
        || (!$checkBox.is(':checked')))
    {
        alert("No se envía el formulario");
        return false;
    }
    else 
    {
        alert("Enviando el formulario");
        formulario.submit();
        return true;
    }       
}
1
  • 1
    seguramente el id privacidad se repite en otros lugares y por eso no lo reconoce
    – Rene Limon
    Commented el 11 ene. 2017 a las 20:00

2 respuestas 2

1

Porque no intentas de esta manera y con JQuery?

$(document).on('submit', '#myform', function(event){
  var $nombre = $('#nombre').val();
  var $correo = $('#correo').val();
  var $mensaje = $('#mensaje').val();
  var $checkBox = $('#privacidad');
  
  if($nombre.length < 4 || $correo.length < 4 || $mensaje.length < 6 || !$checkBox.is(':checked')){
      alert("No se envía el formulario");
      event.preventDefault();
  }
  else{
    alert("anuma ya se envió :o");
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post" id="myform">
  <input type="text" name="nombre" id="nombre"/><br />
  <input type="text" name="correo" id="correo"/><br />
  <input type="text" name="mensaje" id="mensaje"/><br />
  <input type="checkbox" name="privacidad" id="privacidad"/>
  <input type="submit" value="Enviar form"/>
</form>

6
  • no me funcionan vuestros codigos..... sigue sin validarme el checkbox Commented el 12 ene. 2017 a las 1:36
  • Es bastante raro, a mi me funcionó en los snippets, no tengo idea el porqué.. Commented el 12 ene. 2017 a las 13:20
  • he copiado todo tu codigo y no me valida ni siquiera los campos nombre,correo.... Commented el 12 ene. 2017 a las 16:00
  • Pero puedes probarlo en los snippets, puede ser que como dijo el compañero de arriba tengas la ID "privacidad" repetida en algún otro DIV, quizás sea eso Commented el 12 ene. 2017 a las 16:16
  • no es eso, privacidad solo esta en el checkbox.... la validación del checkbox con php funciona. pero no se porque no me va con javascript Commented el 12 ene. 2017 a las 16:18
0

Creo que te falta el valor del CheckBox, por ejemplo, puedes probar así:

var checkbox2 = document.getElementById("myCheck");

if (checkbox2.checked == true)
{
    alert("checked");
}
else
{
    alert("not checked");
}
2
  • joshue tu validacion tampoco me funciona.... Commented el 12 ene. 2017 a las 16:01
  • claro que si funciona, aqui tienes la prueba jsfiddle.net/d4v2cm4L
    – Joshue
    Commented el 12 ene. 2017 a las 20:02

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.