a para que el combo de elegir paquete tienes que descargar una libreria del jquery
el cual es esta
jquery.validate.js
jquery.alerts.css
/jquery.alerts.js
descargatelos , y arriba luego del <head>
los pones
Código PHP:
Ver original<script src="jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.alerts.js"></script>
<link href
="jquery.alerts.css" rel
="stylesheet" type
="text/css" />
una ves hecho eso mas abajo pon este script
Código PHP:
Ver original<script type="text/javascript">
<!--
$().ready(function() {
$("#form").validate({
rules: {
/*A continuacion los nombres de los campos y sus reglas a cumplir */
tours: {
required: true,
}
},
/*A continuacion los campos y los mensajes en caso de que no se cumplan las reglas */
messages: {
tours: {
required: "Por favor, elige un destino.",
}
}
});
$("#tours").focus();
});
// -->
</script>
Si te das cuenta al value del campo tours le puse value=""
osea que el value es nulo , es por eso que cuando das a guardar te acepta y lo guarda
como un espacio en blanco ... para que no suceda eso ...
cuando ve que este seleccionado la opción ´´ Ninguno´´ , osea esta selecionado ""
y des en ´´ Guardar´´
te saldra una alerta al costado diciendote que tienes que elegir un destino ...
como este
para que tenga este diseño
en tu archivo css añadele esto :
Código PHP:
Ver originallabel.error {
background-color: #BC1010;
padding: 6px 12px;
border-radius: 4px;
color: white;
font-weight: bold;
margin-left: 10px;
position: absolute;
font-family: "Segoe UI", Arial, Verdana, sans-serif;
font-size: 10px;
}
.error:before { /* Este es un truco para crear una flechita */
content: '';
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #BC1010;
border-left: 8px solid transparent;
left: -16px;
position: absolute;
top: 5px;
pointer-events: none;
}
eso del boton enviar que no funciona en google chrome , que raro por que a mi si me funciona perfectamente ,.... tal ves te hace falta añadirle alguna meta para que sea compatible
yo por ejemplo tengo esta meta
<meta http-equiv='X-UA-Compatible' content='IE=8'>
la cual me permite que mi pagina sea compatible con internet explorer