Меня бьет козырем утверждение checkbox с javascript

следующий checkbox

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

здесь весь 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
задан 12.01.2017, 03:38
0 ответов

Потому что ты не пробуешь таким образом и с 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>
2
ответ дан 03.12.2019, 17:45
  • 1
    я не функционируют ваши коды..... останься, не санкционируя checkbox –  12.01.2017, 03:36
  • 2
    Это достаточно странно, в меня я funcionó в snippets, у меня нет идеи porqué. –  12.01.2017, 15:20
  • 3
    я скопировал весь твой код и я, стоивший даже не поля имя, почту.... –  12.01.2017, 18:00
  • 4
    Но ты можешь тестировать это в snippets, смоги состоять в том, что как он сказал compañ ero наверху имей идентификацию " privacidad" повторенная в algú n другой DIV, quizá s был этим –  12.01.2017, 18:16
  • 5
    не это, только эта конфиденциальность в checkbox.... validació n checkbox с php функционируй. но не, потому что он я не идет с javascript –  12.01.2017, 18:18

Я думаю, что тебе не хватает стоимости CheckBox, например, ты можешь пытаться так:

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

if (checkbox2.checked == true)
{
    alert("checked");
}
else
{
    alert("not checked");
}
1
ответ дан 03.12.2019, 17:45

Теги

Похожие вопросы