Tengo un formulario con una serie de accesorios para un hotel, y los almaceno en un array llamado accesorios[].
El código es:
<label for="accesorios">Accesorios:</label><br/>
<label for="secador">Secador:</label>
<input type="checkbox" id="secador" name="accesorios[]" value="1" />
<label for="calefaccion">Calefaccion: </label>
<input type="checkbox" id="calefaccion" name="accesorios[]" value="2" />
<br/><br/>
<label for="jacuzzi">Jacuzzi: </label>
<input type="checkbox" id="jacuzzi" name="accesorios[]" value="3" />
<label for="tv">TV: </label>
<input type="checkbox" id="tv" name="accesorios[]" value="4" />
<br/><br/>
<label for="internet">Internet: </label>
<input type="checkbox" id="internet" name="accesorios[]" value="5" />
<label for="microondas">Microondas: </label>
<input type="checkbox" id="microondas" name="accesorios[]" value="6" />
¿Cómo compruebo que debe marcar al menos un checkbox desde Javascript o jQuery?
Código Javascript:
function validar_formulario_cabana(){
var nombre, descripcion, precio, imagen, accesorios;
nombre = document.getElementById("nombre").value;
descripcion = document.getElementById("descripcion").value;
precio = document.getElementById("precio").value;
imagen = document.getElementById("precio").value;
accesorios = document.getElementById("anadir_cabana").checkbox; //Array.
var contar = 0; //Variable que lleva la cuenta de los checkbox pulsados.
for (var x=0; x<accesorios.length; x++) {
if (accesorios[x].checked) {
contar = contar + 1;
}
}
if(nombre=="" || descripcion=="" || precio=="" || imagen==""){
alert("Todos los campos son obligatorios.");
return false;
}else if(nombre.length>50){
alert("El nombre debe tener menos de 51 carácteres.");
document.getElementById("nombre").focus();
document.getElementById("nombre").value="";
return false;
}else if(descripcion.length>200){
alert("La descripción superan los 200 carácteres de límite.");
document.getElementById("descripcion").focus();
document.getElementById("descripcion").value="";
return false;
}else if(precio.value>99999){
alert("El precio de la cabaña no está en el rango establecido.");
document.getElementById("precio").focus();
document.getElementById("precio").value="";
return false;
}else if(contar<1){
alert("¡Debes activar al menos un accesorio!");
document.getElementById("precio").focus();
document.getElementById("precio").value="";
return false;
}
}
getElementsByTagName
se usa seleccionar por nombre de etiqueta, porque tienes "accesorios" si no es una etiqueta? Usas una libreria?getElemetById('nombre')
pero no tienes ningún id con 'nombre'.document.getElementById("nombre").value;
marca error ya que no hay un id "nombre".