Skip to main content
1 de 3
Scorpion
  • 453
  • 2
  • 9
  • 22

Validar un Select para saber si se escogió una opción antes de registrar

Estoy haciendo un proyecto en PHP y MySQL, necesito validar un Select para saber si el usuario escogió una opción antes de registrar, de lo contrario que mande la alerta. El código que estoy implementando no me esta haciendo lo que quiero.

<div class="modal-body">
    <form action="registrar_apuesta.php" method="GET" class="validar_form">  
        <div class="row">                                                                                   
            <div class="col-md-6">
                <div class="form-group">
                    <label for="id_casa">Casa de Apuesta *:</label>
                    <div class="input-group">               
                        <span class="input-group-addon">
                            <i class="glyphicon glyphicon-home"></i>
                        </span> 
                        <select class="form-control" name="id_casa">
                            <?php
                            $mysqli = new mysqli('localhost', 'root', 'root', 'apuestas');
                            ?>
                            <option value="0">-- Seleccionar --</option>
                            <?php
                            $query = $mysqli->query("SELECT * FROM casa order by nombre_ca asc");

                            while ($valores = mysqli_fetch_array($query)) {
                                echo '<option value="' . $valores['id_casa'] . '">' . $valores['nombre_ca'] . '</option>';
                            }
                            ?>
                        </select>  
                        <div class="errors error"></div>
                    </div> 
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">                
                    <label for="valor_apostado" class="form-control-label">Valor Apostado *</label>
                    <div class="input-group">               
                        <span class="input-group-addon">
                            <i class="glyphicon glyphicon-usd"></i>
                        </span> 
                        <input type="text" class="form-control" id="valor_apostado" name="valor_apostado" placeholder="" required="true">                                                    
                    </div>
                </div>
            </div>
        </div>                               
</div>
<div class="modal-footer">
    <input type="submit" class="btn btn-success" value="Registrar">
    <button type="button" class="btn btn-danger" data-dismiss="modal"><span class='glyphicon glyphicon-remove'></span> Cerrar</button>
</form>
<script type="text/javascript">>
            $(".validar_form").submit(function () {
        var select = $("select option:selected").val();

        if (select == "") {
            $('.error').text("Seleccione una Casa de Apuestas");
            return false;
        } else {
            $('.errors').hide();
            alert('OK');
            return true;
        }
    });
</script>
</div>

Cuál puede ser el problema...

Scorpion
  • 453
  • 2
  • 9
  • 22