Skip to main content
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
título editado
Enlace
Scorpion
  • 453
  • 2
  • 9
  • 22

Validar un Select con jquery.validate.min y Bootstrapcampo select

Los cambios son debido al cambio del proceso para la validación
Origen Enlace
Scorpion
  • 453
  • 2
  • 9
  • 22

Validar un Select para saber si se escogió una opción antes de registrarcon jquery.validate.min y Bootstrap

Estoy haciendo un proyecto en PHP y MySQL, necesitoActualización de la pregunta. Necesito validar un Select para saber si el usuario escogió una opcióncon jquery.validate y bootstrap antes de registrar, de lo contrario que mande la alerta. Tengo la tabla casa y la tabla apuesta, en el formulario selecciono es el id de la tabla casa para saber el nombre de la casa, y es ese selecc el que necesito validar. Ver imagen.introducir la descripción de la imagen aquí

El códigoproblema se ve en la imagen 2, que estoy implementandodespués de seleccionar la casa de apuesta sigue validando como si no me esta haciendo lo que quierose hubiera seleccionado nada. El código utilizado en el formulario es este:

<div class="modal-body">
    <form action="registrar_apuesta.php" method="GET" class="validar_form">  
 name="myform" id="myform">   
    <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 id="id_casa" 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>            </select>  
                         <div class="errors error"></div>
         
                </div> 
                <<span class="help-block" id="error"></div>span>
            </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>
                <<span class="help-block" id="error"></div>span>
            </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...El código utilizado para la validación es este:

// JavaScript Validation For Registration Page

$('document').ready(function ()
{
    var combb = / /;
    $.validator.addMethod("combo", function (value, element) {
        return this.optional(element) || combb.test(value);
    });

    var nameregex = /[0-9]/;

    $.validator.addMethod("validvalorapos", function (value, element) {
        return this.optional(element) || nameregex.test(value);
    });

    $("#myform").validate({
        rules:
                {
                    id_casa: {
                        required: true,
                        combo: true,
                    },
                    valor_apostado: {
                        required: true,
                        validvalorapos: true,
                        minlength: 4
                    },
                },
        messages:
                {                    
                    id_casa: {
                        required: "Seleccione una casa de Apuesta",
                        combo: "Seleccione una casa de Apuesta",
                    },
                    valor_apostado: {
                        required: "Ingrese el Valor Apostado",
                        validvalorapos: "Sólo se pueden Ingresar Números",
                        minlength: "Su Nombre es Demasiado Corto"
                    },
                },
        errorPlacement: function (error, element) {
            $(element).closest('.form-group').find('.help-block').html(error.html());
        },
        highlight: function (element) {
            $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
        },
        unhighlight: function (element, errorClass, validClass) {
            $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
            $(element).closest('.form-group').find('.help-block').html('');
        },
    });
});

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...

Validar un Select con jquery.validate.min y Bootstrap

Actualización de la pregunta. Necesito validar un Select con jquery.validate y bootstrap antes de registrar, de lo contrario que mande la alerta. Tengo la tabla casa y la tabla apuesta, en el formulario selecciono es el id de la tabla casa para saber el nombre de la casa, y es ese selecc el que necesito validar. Ver imagen.introducir la descripción de la imagen aquí

El problema se ve en la imagen 2, que después de seleccionar la casa de apuesta sigue validando como si no se hubiera seleccionado nada. El código utilizado en el formulario es este:

<form action="registrar_apuesta.php" method="GET" name="myform" id="myform">   
    <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 id="id_casa" 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> 
                <span class="help-block" id="error"></span>
            </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>
                <span class="help-block" id="error"></span>
            </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>

El código utilizado para la validación es este:

// JavaScript Validation For Registration Page

$('document').ready(function ()
{
    var combb = / /;
    $.validator.addMethod("combo", function (value, element) {
        return this.optional(element) || combb.test(value);
    });

    var nameregex = /[0-9]/;

    $.validator.addMethod("validvalorapos", function (value, element) {
        return this.optional(element) || nameregex.test(value);
    });

    $("#myform").validate({
        rules:
                {
                    id_casa: {
                        required: true,
                        combo: true,
                    },
                    valor_apostado: {
                        required: true,
                        validvalorapos: true,
                        minlength: 4
                    },
                },
        messages:
                {                    
                    id_casa: {
                        required: "Seleccione una casa de Apuesta",
                        combo: "Seleccione una casa de Apuesta",
                    },
                    valor_apostado: {
                        required: "Ingrese el Valor Apostado",
                        validvalorapos: "Sólo se pueden Ingresar Números",
                        minlength: "Su Nombre es Demasiado Corto"
                    },
                },
        errorPlacement: function (error, element) {
            $(element).closest('.form-group').find('.help-block').html(error.html());
        },
        highlight: function (element) {
            $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
        },
        unhighlight: function (element, errorClass, validClass) {
            $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
            $(element).closest('.form-group').find('.help-block').html('');
        },
    });
});

Origen Enlace
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...