Home / Questions / 13027
Accepted
Lina Cortés
Asked: 2020-06-07 12:05:37 +0800 CST 2020-06-07 12:05:37 +0800 CST

验证 DatePicker Jquery

  • 772

我正在使用验证我的表格，只有在我写下日期时才会验证日期，如果我从日历中选择它，则它是无效的。如果你能帮我验证它，我会很感激你的帮助。我使用。

表单域：

<div class="form-group">
                    <label class="col-md-4 control-label" for="fechaEntrega">Fecha entrega</label>
                    <div class="col-md-4"> 
                        <div class="input-group">
                            <span class="input-group-addon fa fa-calendar"></span>
                            <input type="text" id="fechaEntrega" name="fechaEntrega" class="form-control"></input>
                        </div>
                    </div>
                </div>

验证：

$().ready(function () {
$('#formularioSolicitudPedido').formValidation({// Validación datos capa cliente. TENER PRESENTE EL ID DEL FORM
    err: {container: 'tooltip'}, //muestra en tooltips
    icon: {valid: 'fa fa-thumbs-up', invalid: 'fa fa-thumbs-down', validating: 'fa fa-refresh'}, //iconos
    //locale: 'es_ES', //idioma - debe enlazar el archivo "es_ES.js"
    fields: {

        fechaEntrega: {
            validators: {
                notEmpty: {
                    message: 'La fecha de entrega es requerida'
                }
            }
        }

    }
});
javascript

2 Answers

  1. Best Answer

    这可能会帮助您：

    $('#formularioSolicitudPedido').formValidation({// Validación datos capa cliente. TENER PRESENTE EL ID DEL FORM
    err: {container: 'tooltip'}, //muestra en tooltips
    icon: {valid: 'fa fa-thumbs-up', invalid: 'fa fa-thumbs-down', validating: 'fa fa-refresh'}, //iconos
    //locale: 'es_ES', //idioma - debe enlazar el archivo "es_ES.js"
    fields: {

        fechaEntrega: {
            validators: {
                    notEmpty: {
                        message: 'La fecha es requerida'
                    },
                    date: {
                        format: 'MM/DD/YYYY',
                        message: 'La fecha no es valida'
                    }
                }
        }

    }
}).find('[name="fechaEntrega"]')
        .datepicker({
            onSelect: function(date, inst) {
                // Revalida el campo cuando se usa el picker
                $('#formularioSolicitudPedido').formValidation('revalidateField', 'fechaEntrega');
            }
        });
    • 0

  2. 使用 HTML5 api 示例：

    <input type="date" name="bday" max="1979-12-31"><br>
<input type="date" name="bday" min="2000-01-02"><br>

    网络

    • -2