Почему он не размещает края в красном к select, как он делает их с неударом в лунку? используя plugin formValidation.io

Я использую plugin select2 но так я не лишил его книжного магазина также он вычеркивает мне select.

Здесь мой формуляр:

introducir la descripción de la imagen aquí

Здесь более простой один:

introducir la descripción de la imagen aquí

Здесь код HTML:

<form class="form-horizontal" role="form" id="form-crear" class="form_con_select2">
<div class="modal-body"> 
	<div class="form-group">
		<label for="crear_nombre" class="control-label col-sm-2">Nombre: </label>
		<div class="col-sm-10">
			<input type="text" class="form-control" id="crear_nombre" name="crear_nombre">
		</div>
	</div> 
	<div class="form-group">
		<label for="crear_descripcion" class="control-label col-sm-2">Descripción: </label>
		<div class="col-sm-10">
			<input type="text" class="form-control" id="crear_descripcion" name="crear_descripcion">
		</div> 
	</div>
	<div class="form-group">
		<label for="crear_marca" class="control-label col-sm-2">Marca:</label>
		<div class="col-sm-8 selectContainer">
			<select id="crear_marca" name="crear_marca" style="width: 100%;">
				@foreach($marcas as $marca) 
					<option value="{{$marca->id}}">{{$marca->nombre}}</option>
				@endforeach
			</select>
		</div>
	</div>
</div>
<div class="modal-footer">
	<button type="button" class="btn btn-default" data-dismiss="modal">
		<span class="glyphicon glyphicon-remove"></span> Cerrar 
	</button>
	<button type="button" id="Guardar" name="Guardar" class="btn btn-primary">
		<span class="fa fa-save"> Guardar</span>
	</button>
</div>
</form>

Здесь рукописный шрифт:

$('#form-crear').formValidation({
	framework: 'bootstrap',
	excluded: ':disabled',
	button: {
		selector: '#Guardar',
		disabled: 'disabled'
	},
	icon: {
		valid: 'glyphicon glyphicon-ok',
		invalid: 'glyphicon glyphicon-exclamation-sign',
		validating: 'glyphicon glyphicon-refresh'
	},
	fields: {
		crear_nombre: {
			validators: {
				notEmpty: {
					message: 'Campo requerido'
				},
				stringLength: {
					min: 5,
					max: 50,
					message: 'Introduzca un valor entre 5 a 50 caracteres de largo'
				},
				regexp: {
					regexp: /^[a-zA-Zá-úÁ-Ú ñÑ]+$/,
					message: 'Solo se permite letras'
				},
				remote: {
					message: 'Ya esta registrado',
					url: "personas/comprobacion",  
					type: "post",
						global: false,
					data: {
						valor: 'crear'
					},
					async: true
				}
			}
		},
		crear_descripcion: {
			validators: {
				notEmpty: {
					message: 'Campo requerido'
				},
				stringLength: {
					min: 5,
					max: 50,
					message: 'Introduzca un valor entre 5 a 50 caracteres de largo'
				},
				regexp: {
					regexp: /^[a-zA-Zá-úÁ-Ú ñÑ]+$/,
					message: 'Solo se permite letras'
				}
			}
		},
		crear_marca: {
			validators: {
				notEmpty: {
					message: 'Campo requerido'
				}
			}
		}
	}
})
.on('err.form.fv', function(e, data) {
})
.on('success.form.fv', function(e) {
});

и здесь пример Веба plugin: ссылка

0
задан 26.04.2017, 10:50
0 ответов

Смотря пример Веба plugin, я вижу, что тебе остается помещать класс select "select2-select". Он мог состоять в том, чтобы этот книжный магазин инициализировал select ища из-за этого класса в твоем HTML.

<select id="crear_marca" name="crear_marca" class="select2-select" style="width: 100%;">
    @foreach($marcas as $marca) 
        <option value="{{$marca->id}}">{{$marca->nombre}}</option>
    @endforeach
</select>
1
ответ дан 03.12.2019, 17:28

Теги

Похожие вопросы